Canvas擦除
在Canvas中,我们可以使用两种擦除方法:点擦除和线擦除,来清除画布内容。
点擦除
点擦除是指把一个矩形区域的内容清除掉,这个矩形区域是由一个点和一个宽高定义的,使用这种方法,可以把指定的矩形区域的内容清除掉,而不影响其他的内容。使用这种方法,可以很方便的清除一个小的区域,而不影响其他的内容。使用方法:
// 获取画布上下文 var ctx = canvas.getContext('2d'); // 清除指定矩形区域 ctx.clearRect(x, y, width, height);
线擦除
线擦除是指把一条线段的内容清除掉,这条线段是由两个点定义的,使用这种方法,可以把指定的线段的内容清除掉,而不影响其他的内容。使用这种方法,可以很方便的清除一条线段,而不影响其他的内容。使用方法:
// 获取画布上下文 var ctx = canvas.getContext('2d'); // 清除指定线段 ctx.clearLine(x1, y1, x2, y2);
Canvas中提供了两种擦除方法:点擦除和线擦除,可以用来清除画布内容。使用这两种方法,可以很方便的清除指定的矩形区域或线段,而不影响其他的内容。