canvas绘画出并显示小程序的逻辑首先是将网络图片转化为本地图片，其次再将进行绘画。将本地图片和二维码显示在画布上，最后将整个画布截图用api显示在屏幕上。真正的画图让他飞去屏幕外。

画的时候 规定字体颜色，背景      图片距离左上角的距离   字体大小 等

需要注意的是，微信小程序的画布不能直接用网络图片，需要利用wx.getImageInfo({})来将网络图片转化为本地图片；

 

转化的时候有俩个地方要注意，一个可以是域名报错，可以打开设置里的不校验，

 

 也可以用微信小程序api

 

 

转化成临时图片，在转化本地图片

 2.是转化是会404报错，我是在路径前面加多个/，画布上的图片就可以显示了；

 

有时候会需要用到遮盖布阴影，有个坑就是background：rgb（0，0，0，0.5）要改为 rgba（0，0，0，0.5）记住加了屏幕才会显示，本地调试虽然有效果，但是手机上没有效果的。

版权声明：本文为At867604340原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/At867604340/p/11601402.html