先画条直线,如下:
<canvas id="myCanvas" width="1000" height="800"></canvas>
<script>
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
context.beginPath();
context.lineWidth="2"
context.strokeStyle="black"
context.moveTo(10, 10);
context.lineTo(100, 100);
context.stroke();
</script>
不用clearRect(),怎么删除这条直线?
html
canvas
2d
------解决方案--------------------
再在这条线的上方画一条和背景颜色相同的线,覆盖这条线。
------解决方案--------------------
真幽默
------解决方案--------------------
canvas的高或者宽只要重新赋值画布将会清空,你在最后执行:
canvas.width=1000;
将看到直线被删除了。