Question

html canvas 画曲线 想清除某个曲线怎么办

我有一个画曲线的函数，画一个蓝色的弧线，然后我想清除这个曲线，本来是打算用画曲线的函数 用白色再画一遍覆盖掉蓝色，但是有一点点痕迹清除不了怎么办?
原来
后来
画弧函数代码：
ctx.beginPath();
ctx.strokeStyle = color;
ctx.fillStyle = color;
ctx.moveTo(taskx+20,190);
ctx.bezierCurveTo(taskx+20,con,resultx+20,con,resultx+20,190);
ctx.stroke();
ctx.closePath();
//此处为画箭头
ctx.beginPath();
var sta = new Array(taskx+20,190);
ctx.fillStyle = color;
ctx.strokeStyle = color;
ctx.moveTo(taskx+20,190);
ctx.lineTo(taskx+15,180);
ctx.lineTo(taskx+20,185);
ctx.lineTo(taskx+25,180);
ctx.lineTo(taskx+20,190);
ctx.fill(); //箭头是个封闭图形
ctx.closePath();





Answer 1

不知道你要的效果是怎么样的，（1）如果仅清除这一条线，可以用clearRect（）方法，类似橡皮擦。（2）如果想不影响其他的画布，可以设置分层的canvas （3）保存原先的画，擦除部分，重画