此功能并没有做所有机型测试,后面会一个一个做一下,如需使用请先自作测试!
canvas在小程序中设定的尺寸默认是px 并不是rpx的
所以需要转换一下
PS:设计稿是750像素
wx.getSystemInfo({ success: function (res) { var v =750 / res.windowWidth;//设计稿尺寸除以 当前手机屏幕宽度 function shiftSize(w) { return w / v; } //例子 //绘制文字 function fillFont(k) { ctx.font = 'bold 32px Arial'; ctx.fillStyle = '#fff'; //从设计稿量取的实际尺寸 ctx.fillText("100%", shiftSize(236), shiftSize(330)); } } })