绘图时第二次clip()无效

发布于 8 年前作者 guiying854187 次浏览最后编辑 8 年前来自 ask

-代码片段

//绘制用户头像

ctx.save();

ctx.beginPath();

ctx.arc(320, 84, 54, 0, 2 * Math.PI);

ctx.clip();    //这个OK

ctx.drawImage(that.data.avatar, 265, 28, 112, 112);

ctx.restore();

//绘制二维码

ctx.save();

ctx.beginPath();

ctx.arc(319, 334, 100, 0, 2 * Math.PI);

ctx.clip();    //这个clip失效

ctx.drawImage(that.data.qrcode, 219, 234, 200, 200);

ctx.restore();

  • 当前 Bug 的表现(可附上截图)
WXOPEN Club 内容图片
  • 预期表现

    二维码应当是圆形,现在是正方形,没被clip()

2 回复