美文网首页微信小程序踩坑记录
微信小程序canvas绘制圆角图片真机不显示

微信小程序canvas绘制圆角图片真机不显示

作者: 飞鱼YE | 来源:发表于2019-04-04 15:02 被阅读0次

问题:在微信小程序使用canvas绘制圆角图片时,微信调试工具正常显示,android与iOS真机都不显示。
原因:因为ctx.clip()剪切区域使用的填充颜色是透明的,所以图片没出来。
解决方案:将剪切区域设置成实体颜色就好了。

context.fillStyle = '#fff';

圆角图片绘制方法:https://www.jianshu.com/p/6c600e740194

相关文章

网友评论

    本文标题:微信小程序canvas绘制圆角图片真机不显示

    本文链接:https://www.haomeiwen.com/subject/zjnfiqtx.html