现在在学习canvas,其中有个方法 arcTo
,文档的例子看的有点蒙,不太理解最后一个参数 radius
对图形绘制造成的影响,所以就像写一个可以改变 radius
时动态演示方法 arcTo
生成的曲线。
对于即时获取input的方法已经在前面的一篇文章中记录了,大概功能也完成了,但是有个巨大的问题:
在生成新的曲线的同时无法删去旧的曲线,虽然存在方法 clearRect
可以删去绘出的矩形,但是没有删去别的图形的方法
来自 stack overflow 的解答:
当你在一个
canvas
中绘制了一些图形之后,需要清除的仅仅是组成那些图形的像素,而不是那些图形本身。方法clearRect
清除的并不是一个矩形,而是清除那片矩阵区域中绘制出的像素点。所以你可以使用clearRect
方法去清除你绘制出的任何图形所在的矩形区域。
解决!对方法 clearRect
也有了一个比较深的理解