微信小程序,ios和安卓上canvas内使用drawImage绘制图片效果不一致,安卓会变透明?

发布于 2022-09-11 23:00:48 字数 319 浏览 18 评论 0

ios和安卓上canvas内使用drawImage绘制图片效果不一致,安卓绘制出的图片会变成半透明。

ios:
TIM图片20191017212244.jpg

安卓:
TIM图片20191017212236.jpg

请问是什么原因,怎么解决?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

玩套路吗 2022-09-18 23:00:48

我也遇到同样问题百度了一上午(探讨绘制延迟等的),都没有解决我的问题。
后来发现是自己不严谨了,我这边为了重绘遮罩先加了个半透明图形引起的。我觉得似乎是iOS在drawImage时不会生效最近一次setFillStyle的半透明效果,所以看似是iOS正常。如下:

修改前

ctx.setFillStyle('rgba(100,100,100,0.2)')
ctx.fillRect(...)
ctx.drawImage(...)

修改后

ctx.setFillStyle('rgba(100,100,100,0.2)')
ctx.fillRect(...)
ctx.setFillStyle('rgba(255,255,255,1)')
ctx.drawImage(...)
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文