清除canvas的任何图形

来源:互联网 发布:从unix到linux 乱码 编辑:程序博客网 时间:2024/05/21 11:33

现在在学习canvas,其中有个方法 arcTo ,文档的例子看的有点蒙,不太理解最后一个参数 radius 对图形绘制造成的影响,所以就像写一个可以改变 radius 时动态演示方法 arcTo 生成的曲线。

arcTo方法的在线文档点此

对于即时获取input的方法已经在前面的一篇文章中记录了,大概功能也完成了,但是有个巨大的问题:

在生成新的曲线的同时无法删去旧的曲线,虽然存在方法 clearRect 可以删去绘出的矩形,但是没有删去别的图形的方法


来自 stack overflow 的解答:

当你在一个 canvas 中绘制了一些图形之后,需要清除的仅仅是组成那些图形的像素,而不是那些图形本身。方法 clearRect 清除的并不是一个矩形,而是清除那片矩阵区域中绘制出的像素点。所以你可以使用 clearRect 方法去清除你绘制出的任何图形所在的矩形区域。

解决!对方法 clearRect 也有了一个比较深的理解


即时演示方法的代码点此

0 0