自行通过给所有边缘图层补上同样的 radius 给临时解决了,只使用单次 clip 裁切
【bug并未修复】canvas多次调用clip,iOS端渲染结果有误https://developers.weixin.qq.com/community/develop/doc/000a20422ac9b8564e99427e851814?_at=1638871683805 该issue 并未修复 原贴在 issue 编辑为已修复之后,并不止我一个人在反馈 [图片] https://developers.weixin.qq.com/community/develop/doc/000402e99385406a7d087ac3359c00 // 核心代码,详见代码片段 drawCycle(900, 900, 900); // 第一次对海报总体进行裁剪 let width = 250, height = 250, r = 42 drawCycle(width, height, r) // 第二次对海报里面的用户头像进行裁剪 ctx.setFillStyle('red') ctx.fillRect(-(width / 2), -(height / 2), width, height) IOS: [图片] 非IOS: [图片]
2021-12-07快3年了
canvas多次调用clip,iOS端渲染结果有误小程序canvas多次调用clip,开发者工具和Android端表现均和HTML5 Canvas一致;而在iOS端,只有首次创建的剪切区域有效;如图,连续创建两个矩形剪切区域后,再绘制一个绿色矩形: 开发者工具和Android端表现正常: [图片] iOS端表现,只有首次创建的剪切区域有效: [图片]
2021-12-07