Обработка touch-событий на canvas

165
04 апреля 2018, 07:19

Есть простое приложение типа paint. Не получается рисовать на холсте с помощью тач-дисплея на телефоне и планшете.
Может, есть CSS атрибут?

Answer 1

А что мешает прочитать офф документацию? Там и пример с канвасом есть

<canvas id="canvas" width="600" height="600" style="border:solid black 1px;">
  Ваш браузер не поддерживает элемент canvas.
</canvas>
<br>
<button onclick="startup()">Инициализировать</button>
function startup() {
  var el = document.getElementsByTagName("canvas")[0];
  el.addEventListener("touchstart", handleStart, false);
  el.addEventListener("touchend", handleEnd, false);
  el.addEventListener("touchcancel", handleCancel, false);
  el.addEventListener("touchmove", handleMove, false);
  log("initialized.");
}

Где handleStart, handleEnd ... и т.д. обработчики касаний