設置小程序頁面適應多種屏幕尺寸的方法
1.首先，進入微信開發者工具，在小程序項目中新建一個頁面；
<view id='canvas-container' class='ctx' style='width:200rpx;height:100rpx;'>
2.通過wx.createSelectorQuery()方法獲取組件節點的寬高，并將節點的rpx單位轉換成px單位；
wx.createSelectorQuery().select('#canvas-container').boundingClientRect(function (rect) { var width = rect.width/2 // 節點的寬度
}).exec()
3.最后，在將獲取的節點寬高，使用在畫布中即可；
ctx.translate(width, width);
