- 需求的场景描述（希望解决的问题）
使用canvas不能实现手机屏幕自适应
- 希望提供的能力
怎样实现坐标自适应问题

本文来自微信小程序开发者论坛 -微信小程序工厂 http://www.xcxgc.com，转载请保留，开发微信小程序、定制微信小程序来微信小程序工厂网。
网友回复
永恒**回复：
不难的，一切依据屏幕宽度与画布比例来换算，


比如设计稿为 750，屏宽用 wx.getSystemInfo 获得为 375，
（论坛中看到有些机型获取不到屏宽，所以弄个屏宽默认值为 414）


然后是画布比例，非全屏情况下的画布，设计稿比如为 560x844。


基于以上数据，则有下面的代码：
wx.getSystemInfo({
complete: win => {
if (!/ok$/i.test(win.errMsg)) return alert('无法生成分享图');
var cvW = (win.windowWidth || 414) * (560 / 750);
var cvH = 844 / 560 * cvW;
// 此时的 px 即为设计稿的 1px 了
// 之后只需按设计稿的值去乘即可，比如 220 * px
var px = cvW / 560;
},
})



海纳**回复：
wx.getSystemInfo
这个可以获取到屏幕的高和宽，然后就可以换算了
★☆★☆自定义组件的问题☆★☆★ 微信小程序教程