- 2024-10-10Android:H2-20:水平仪
任务描述这里介绍的水平仪就是那种比较传统的水平仪,在一个透明的圆盘中充满某种液体,液体中留有一个气泡,当一端翘起时,该气泡将会浮向翘起的一端。该程序用了一个自定义View,该自定义View很简单,就是绘制透明圆盘和气泡——其中气泡的位置会动态改变。在真机中测试该程序,可看到
- 2024-08-28vue获取屏幕的实时 宽度 / 高度
mounted(){constthat=this;window.onresize=()=>{return(()=>{window.screenWidth=document.documentElement.clientWidth;//实时宽度window.screenHeight=document.documentElement.clientHeight;//实时高度
- 2024-03-0104. 生成地图上的房间
最终目标每一列上面的关卡之间有间距,并且x坐标有左右偏移,最后一个房间的位置是固定的实现方法我们现在已经知道屏幕的宽度screenWidth,也知道了屏幕的高度screenHeight,同时还知道一共有多少列mapConfig.roomBlueprints.Count那么可以算出每一列的宽度columnWidth=screenW
- 2023-09-09vue.js:响应式布局([email protected])
一,代码:1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859<template> <divclass="hello"> <div>页
- 2023-05-31vue监听浏览器窗口大小变化,做对应的操作
页面初始化mounted的时候,通过document.body.clientWidth和document.body.clientHeight获取到浏览器的宽和高,然后通过window.onresize来监听浏览器窗口的变化,在这里来改变我们的变量宽和高即可。(created()的时候不行,因为此时document还没有生成)<template><sectionclass="p-1
- 2023-02-26vue图片热区map-area定位(适应屏幕)
vue代码<template><div>{{screenWidth}}{{screeHeight}}<divv-for="(item,index)inbook":key="index"><!--当从后台获取数据的时候可以进行
- 2023-02-25vue获取屏幕长宽
vue代码<template><div>寬:{{screenWidth}}高:{{screeHeight}}</div></template><script>exportdefault{data(){return{screenWidth:1000,//
- 2022-10-18动态获取屏幕尺寸
android中获取屏幕的长于宽,参考了网上有很多代码,但结果与实际不符,如我的手机是i9000,屏幕大小是480*800px,得到的结果却为320*533结果很不靠谱,于是自己写了几行代码,亲测一下测
- 2022-10-18动态计算rem
在根文件中添加<script>(function(w,d){functionsetSize(){varscreenWidth=d.documentElement.clientWidth;varcurrentFo
- 2022-09-22uniapp小程序使用wxml-to-canvas生成图片
开发框架:uniapp场景:小程序保存页面为图片并上传尝试方案:使用html-to-canvas,问题:小程序不允许操作dom,也无法获取dom标签,只能通过wx.createSelectorQuery()获取dom信息。