Главная Блог Контакты О сайте
Ваш браузер не поддерживает Canvas

Для обработки движения мыши для элемента canvas определены три обработчика - нажатия мыши, перемещения и отпускания мыши. При нажатии мыши мы устанавливаем переменную draw равным true. То есть идет рисование. Также при нажатии мы фиксируем точку, с которой будет идти рисование.

При перемещении мыши получаем точку, на которую переместился указатель, и рисуем линию. При отпускании указателя закрываем графический путь методом context.closePath() и сбрасываем переменную draw в false.

В данном коде внесены изменения в бинарных переменных для теста на тачпаде. Переменная drow переопределена в trure при иницилизации и закрытии. Соответственно нужно заменить на false при использомании мышки.