日期:2014-05-16  浏览次数:20503 次

怎么删除一条直线?
先画条直线,如下:

    <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

------解决方案--------------------
再在这条线的上方画一条和背景颜色相同的线,覆盖这条线。
------解决方案--------------------
引用:
Quote: 引用:

再在这条线的上方画一条和背景颜色相同的线,覆盖这条线。

真机智

真幽默
------解决方案--------------------
canvas的高或者宽只要重新赋值画布将会清空,你在最后执行:

canvas.width=1000;
将看到直线被删除了。