如何在html 5画布中删除区域的剪辑

Question

我在画布中使用clip().

我已经创建了一个clip()区域,如下所示

this.svgRenderer.ctx.rect(positionX, positionY, Width, Height);
this.svgRenderer.ctx.clip();

几次在同一画布上绘图后,我试图使用save()和restore()删除该区域的剪辑.

但我犯了错误而无法做到.因此建议使用任何其他方法删除指定区域的剪辑而不使用save()和restore()

Answer 1

.clip 是永久的上下文状态变化.

它只能通过包装它被移除.save和.restore.

更改画布元素宽度将清除上下文状态(并删除剪裁),但也将删除现有图形.