深究画画小程序的开发之旅

// 获取画布元素const canvas = document.getElementById('myCanvas');const ctx = canvas.getContext('2d');// 鼠标按下事件canvas.addEventListener('mousedown', function(e) {
  ctx.beginPath();
  ctx.moveTo(e.clientX - canvas.offsetLeft, e.clientY - canvas.offsetTop);

  // 鼠标移动事件
  canvas.addEventListener('mousemove', function(e) {
    ctx.lineTo(e.clientX - canvas.offsetLeft, e.clientY - canvas.offsetTop);
    ctx.stroke();
  });

  // 鼠标抬起事件
  canvas.addEventListener('mouseup', function() {
    canvas.removeEventListener('mousemove');
  });});