• 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信息。