Ich benutze dieses Skript für den Körperonmousemove Funktion:

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();
}

Es soll die Leinwand jedes Mal löschen, wenn ich die Maus bewege und eine neue Linie zeichne, aber es funktioniert nicht richtig. Ich versuche es zu lösen, ohne jQuery, Mouse Listener oder ähnliches zu verwenden.

Hier ist eine Demo:https://jsfiddle.net/0y4wf31k/