Funkcja clearRect nie usuwa płótna
Używam tego skryptu na cieleonmousemove
funkcjonować:
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();
}
Powinno to wyczyścić płótno za każdym razem, gdy poruszam myszą i rysuję nową linię, ale nie działa prawidłowo. Usiłuję go rozwiązać bez użycia jQuery, słuchaczy myszy lub podobnych.
Oto demo:https://jsfiddle.net/0y4wf31k/