在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
嫌长版本: var rpx = 10000; var systemInfo = wx.getSystemInfoSync(); var px = rpx / 750 * systemInfo.windowWidth;
------------------- ------------------- 详解版: 分割线 ------------------- -------------------
如图:一个矩形宽度为200rpx,要将它从左侧看不到的地方移动到屏幕内然后靠最左侧停下。即 将它的X坐标加 200rpx。 在 iPhone6 上的代码就是如下: var ani = wx.createAnimation({ transformOrigin: "50% 50%", duration: 1000, timingFunction: "ease" }); ani.translateX(100).step(); // 即 X += 100px。
问题是:不确定机型。
所以 这里的 100px 需要每次都计算出来。
已知矩形的设计为 200rpx,即 px = 200 / 750 * systemInfo.windowWidth;
微信提供的函数可以同步获取到设备信息。 // 在 iPhone6 下运行: var systemInfo = wx.getSystemInfoSync(); console.log(systemInfo.windowWidth); // 输出 375(单位 px) // 在 iPhone6 Plus 下: var systemInfo = wx.getSystemInfoSync(); console.log(systemInfo.windowWidth); // 输出 414 (单位 px)
|
请发表评论