我在画布中使用clip().
我已经创建了一个clip()区域,如下所示
this.svgRenderer.ctx.rect(positionX, positionY, Width, Height);
this.svgRenderer.ctx.clip();
Run Code Online (Sandbox Code Playgroud)
几次在同一画布上绘图后,我试图使用save()和restore()删除该区域的剪辑.
但我犯了错误而无法做到.因此建议使用任何其他方法删除指定区域的剪辑而不使用save()和restore()
我正在使用画布。我画了一组线。这是我的示例代码
for(var i = 0 ; i< points.length; i++){
var point = points[i];
setInterval(function() {
ctx.strokeStyle = "black";
ctx.moveTo(point.startX, point.startY);
ctx.lineTo(point.startX1, point.startY1);
ctx.stroke();
}, 500);?
}
Run Code Online (Sandbox Code Playgroud)
此代码每 0.5 秒画一次线。但我希望逐步为它设置动画。所以请帮助逐步画一条线。
此屏幕截图显示了输出。我在 SVG 中实现了这一点。但是我在画布中需要相同的内容。
