微信小程序 canvas 內容（寬高） 兼容不同機型

 

此功能並沒有做所有機型測試，后面會一個一個做一下，如需使用請先自作測試！

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));
        }
    }
})