Question

我有这个javascript代码，当我点击按钮时，画布会清理。

但是当我移动鼠标时，画布会显示我之前写的内容，并且它不是以空白画布开头的

单击按钮后，如何从空白画布开始？

谢谢。

var notMuch: Int = 0
let notMuchNS = Data(bytes: UnsafePointer<UInt8>(&notMuch), count: sizeof(Int))

Answer 1

请务必使用beginPath()清除使用clearRect()后仍然存在的路径，例如：

function(evt){
  var mousePos = getMousePos(canvas, evt);
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  ctx.strokeStyle = 'red';

  ctx.beginPath();     // <- here
  //ctx.moveTo(x, y);  // you will probably also want this at some point

  ctx.lineTo(mousePos.x,mousePos.y);
  ctx.stroke();
}

带按钮的HTML5干净画布

1 个答案: