【文件属性】:
文件名称:canvas的图形删除方法-HTML 5高级移动开发 Canvas画布PPT教程
文件大小:762KB
文件格式:PPT
更新时间:2021-04-23 12:03:55
HTML5 Canvas
canvas的图形删除方法
如何删除已经绘制的图形?删除图形只需Javascript API提供的一个名为clearRect的方法,其原理是使参数指定的矩形区域背景变为透明。
假设画布长宽分别为500像素,要想删除整个画布图形,可以这样做:
c.fillRect(50, 50, 100, 100);
c.clearRect(0, 0, 500, 500);
上面的代码执行后,你会什么都看不到,事实上填充的矩形已经绘制,只是瞬间被删除了,所以你看不到它。
如果你不清楚画布的具体宽高,清除整个画布可以这样:
c.clearRect(0, 0, canvas.width, canvas.height);
*