A função clearRect não limpa a tela

Eu estou usando esse script no corpoonmousemove função:

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

Ele deve limpar a tela toda vez que eu mover o mouse e desenhar uma nova linha, mas não está funcionando corretamente. Estou tentando resolvê-lo sem usar jQuery, ouvintes de mouse ou similares.

Aqui está uma demonstração:https://jsfiddle.net/0y4wf31k/

questionAnswers(3)

yourAnswerToTheQuestion