Angular 2中clearRect（画布）的问题

Question

我有以下代码，当点击图像时YourArrayModel应该清除绘制的元素，但它不会改变任何东西。我已经尝试使用clearRect()作为解决方案，但这不适用于我的情况。

Plunker：Testing the Code below

context.beginPath()

Answer 1

您只落后一步 - 实际上，您的clearRect有效，但您仍然需要将this.image更新为新的数据网址：

clearImage()
{
    this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
    this.image = this.canvas.toDataURL();
}

工作演示：https://plnkr.co/edit/f4ram3h6yRQu7PtzcwLk?p=preview