canvas绘图怎么匹配多个手机型号使用rpx

微信公开课小程序热门讨论关于「canvas绘图怎么匹配多个手机型号使用rpx」的小程序开发问题
补充:canvas绘图怎么匹配多个手机型号使用rpx
展开:letcanvas=wxcreateCanvasContext(shareCanvas);绘制背景canvasdrawImage(res[1]path,0,0,301,420);canvassave();绘制二维码canvasdrawImage(res[0]path,108,262,85,85);绘制文字canvasfont=normalbold20pxsansserif;canvasfillStyle=fff;canvassetTextAlign(center);canvasfillText(您的好友“+thiswechat+”,150,40);canvasfillText(送你20元红包,150,65);canvasdraw();即速小程序：** * *根据比例适配长度 *@param{Number}v 计算前长度 *@returns{Number} 计算后的长度 *functiongetSize(v){ returnv*(thiswindowWidth375)}375是ui图的尺寸windowWidth是当前屏幕宽度：我的做法是不管你手机屏幕多大全部生成一个固定尺寸的图片省的有的屏幕小有的屏幕大上面的内容适配也麻烦屏幕小了挤到一起去了屏幕大了空出来一大块：canvas是使用px作为单位的，匹配多个手机型号需要用rpx按比例转化成px，这是我写的，e是获取的设备信息，基本满足使用ratioRPX(e){returnescreenWidth<=320&&0426||escreenWidth<=360&&048||escreenWidth<=375&&05||escreenWidth<=395&&0526||0552}
更多有关「canvas绘图怎么匹配多个手机型号使用rpx」的讨论可以前往微信公开课小程序参与互动哦！了解更多