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

How to remove the clip of a region in html 5 canvas

本文关键字：一个 区域 html 5画 删除 布中      更新时间：2023-09-26

我正在与clip()在画布上工作。

我已经为clip()做了一个区域，如下所示

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

在同一画布上绘制了几张后，我试图通过使用save()和restore()来删除该区域的剪辑。

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

.clip是一个永久性的上下文状态更改。

它只能通过在.save和.restore中包装来删除。

ctx.save();
ctx.clip(); // assuming the clipping path was already declared
// draw whatever needs to be clipped
ctx.restore(); // reset the clipping region
               // (and any other attributes that have been modified since .save())

改变画布元素的宽度或调用.reset()将清除上下文状态(并删除剪贴)，但也会擦除现有的绘图。

相关文章：