如何在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。

中删除

更改画布元素宽度将清除上下文状态（并删除剪裁），但也会删除现有图形。