Mobile canvas 사용 (Mobile 그림판)

[jongeuni]

1. 모바일에서 그림이 그려지는 게 아니라 선과 선이 이어진다

2. 모바일에서 x의 값이 undefind가 찍힌다

3. 왜 이러냐

왼쪽에 동그라미를 그렸다가 떼고, 오른쪽에 동그라미를 다시 그린 것이다. 그런데 두 동그라미가 선으로 이어진다. 이런 불상사가. 😖 근데 이유를 알 수 없다.

if (!drawing){
  ctx.beginPath();
  ctx.moveTo(x,y);
} else {
  ctx.lineTo(x, y);
  ctx.stroke();
}

현재 그리는 코드는 이와 같다.
beginPath(): 경로를 시작하거나 현재 경로를 재설정합니다.
moveTo(): 캔버스의 경로 지정된 점으로 이동합니다. 라인이 만들어지지 않습니다.
lineTo(): 새 점을 추가한 다음 마지막 지정된 캔버스에 그 시점에서 라인을 만들 수 있습니다.

이지랄이난다. 그래도웹이라도 ...잘돼서... 다행이다...

근데 진짜!!!! 이해가 안 간다

펜 굵기를 바꾸면 handlerRangeChange

canvas.addEventListener("mousedown", () => (drawing = true)); // 드로잉 끝
canvas.addEventListener("mouseup", () => (drawing = false)); // 드로잉 대기
canvas.addEventListener("mousemove", draw);

?