clearRect समारोह कैनवास

Question

मैं शरीर पर यह जावा स्क्रिप्ट का उपयोग कर रहा समारोह 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, माउस श्रोताओं या इसी तरह के उपयोग किए बिना इसे हल करने की कोशिश कर रहा हूं।

http://jsfiddle.net/7vx2z/

Answer 1

आप "beginPath()" का उपयोग करना चाहिए

यहाँ कोड है। बस इतना ही।

function lineDraw() { 
    var canvas=document.getElementById("myCanvas"); 
    var context=canvas.getContext("2d"); 
    context.clearRect(0, 0, context.width,context.height); 
    context.beginPath();//ADD THIS LINE!<<<<<<<<<<<<< 
    context.moveTo(0,0); 
    context.lineTo(event.clientX,event.clientY); 
    context.stroke(); 
} 

Answer 2

context.canvas.width = context.canvas.width साथ प्रयास करें::

function lineDraw() { 
    var canvas=document.getElementById("myCanvas"); 
    var context=canvas.getContext("2d"); 
    //context.clearRect(0, 0, context.width,context.height); 
    context.canvas.width = context.canvas.width; 
    context.moveTo(0,0); 
    context.lineTo(event.clientX,event.clientY); 
    context.stroke(); 
} 

डेमो HERE