此功能并没有做所有机型测试,后面会一个一个做一下,如需使用请先自作测试!
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));
}
}
})