设置小程序页面适应多种屏幕尺寸的方法首先,进入微信开发者工具,在小程序项目中新建一个页面;<view id='canvas-container' class='ctx' style='width
设置小程序页面适应多种屏幕尺寸的方法
<view id='canvas-container' class='ctx' style='width:200rpx;height:100rpx;'>
通过wx.createSelectorQuery()方法获取组件节点的宽高,并将节点的rpx单位转换成px单位;
wx.createSelectorQuery().select('#canvas-container').boundinGClientRect(function (rect) { var width = rect.width/2 // 节点的宽度
}).exec()
最后,在将获取的节点宽高,使用在画布中即可;
ctx.translate(width, width);
--结束END--
本文标题: 小程序页面如何适应多种屏幕尺寸
本文链接: https://www.lsjlt.com/news/115775.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-04
2024-05-04
2024-05-04
2024-05-04
2024-05-04
2024-05-04
2024-05-04
2024-05-04
2024-05-04
2024-05-04
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0