小程序如何做各种手机尺寸

最新消息显示，我们可以看到很多小程序界面，有些动画，帆布无法自适应不同分辨率的手机，以下小编为大家解答小程序如何适应各种手机尺寸

解决问题：js操作里面的画布，动画等，默认是px而不是rpx，不能根据手机屏幕进行调整

实现的效果：让画布，动画在不同分辨率的手机上实现rpx适应

实现构思，获取组件节点的宽度和高度，然后通过

将组件rpx单元的宽度和高度填充到画布的px单元

wx.createSelectorQuery（）。select（'＃canvas-container'）。boundingClientRect（function（rect）{

Var width=rect.width //节点的宽度节点的高度为rect.height

}）。EXEC（）

get节点的rpx单元的宽度和高度自动转换为px单位。

wx.createSelectorQuery（）。select（'＃canvas-container'）。boundingClientRect（function（rect）{var width=rect.width/2 //节点的宽度}）。exec（）

在画布中使用：

Ctx.translate（宽度，宽度）;

以上是小程序如何保存，如果你想知道更多小程序，请检查这个网站，谢谢。

HiShop小程序工具提供多种类型的商城/商店小程序制作，可视化编辑1秒，在线生成5个步骤。通过拖动和拼接模块布局小程序商城页面，你可以看到你得到的东西，你只需要艺术家来制作一个漂亮的商场。有关更多小程序，请参阅：小程序 store

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。