Функция clearRect не очищает холст
м, используя этот скрипт на телеonmousemove
функция:
function lineDraw() {
// Get the context and the canvas:
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
// Clear the last canvas
context.clearRect(0, 0, canvas.width, canvas.height);
// Draw the line:
context.moveTo(0, 0);
context.lineTo(event.clientX, event.clientY);
context.stroke();
}
Это'должен очищать холст каждый раз, когда я перемещаю мышь, и рисую новую линию, но это не такработает нормально. Я'Я пытаюсь решить эту проблему, не используя jQuery, слушателей мыши и т.п.
Вот демо:https://jsfiddle.net/0y4wf31k/