当前位置: 代码迷 >> JavaScript >> 如何删除一条直线
  详细解决方案

如何删除一条直线

热度:183   发布时间:2013-10-14 12:54:46.0
怎么删除一条直线?
先画条直线,如下:

    <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;
将看到直线被删除了。
  相关解决方案