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

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

context.fillStyle = '#fff';

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、canvas简介 1.1 什么是canvas?(了解) 是HTML5提供的一种新标签 Canvas是一个矩形区...
    Looog阅读 9,364评论 3 40
  • 第一章 HTML5 (2014年10月29日发布)新特性: 10个 (1)新的语义标签 (2)增强型表单 (3)视...
    fastwe阅读 4,525评论 0 1
  • 一、canvas简介 1.1 什么是canvas?(了解) 是HTML5提供的一种新标签 Canvas是一个矩形区...
    J_L_L阅读 5,472评论 0 4
  • 小镇的角落,热闹非凡,满街涌动的人潮,购置着各种年货,形形色色的路人甲乙丙丁,寻根寻梦寻着熟悉,回到梦里念叨着的家...
    一然梦飞阅读 1,111评论 0 0
  • 今天知道了一个很流弊的FPGA网站叫黑金 貌似很厉害哦 纠结纠结想买一个FPGA开发版 阔是好贵哦 算了 可能会买...
    sun晨曦微亮阅读 1,774评论 0 0