绘图时第二次clip()无效
发布于 6 年前 作者 guiying85 4068 次浏览 来自 问答

-代码片段

//绘制用户头像

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 的表现(可附上截图)
  • 预期表现

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

回到顶部