微信小程序的canvas和遮盖布颜色设置问题


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

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

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

 

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

 

 也可以用微信小程序api

 

 

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

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

 

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM