Zeichnen "X" Wort verwenden Leinwand HTML

Question

Ich verwendete Leinwand, um "X" Wort an einer Mausposition zu zeichnen, als ich klickte, aber wenn ich neues "X" Wort zeichne, war das alte "X" "fett".

http://jsfiddle.net/darklight27/h4JvJ/

Haben Sie für mich irgendeinen Vorschlag haben? Vielen Dank!!!

Answer 1

Bevor Sie beginnen Ihre Linien zu zeichnen, rufen beginPath():

function drawX(x, y) { 
    ctx.beginPath(); 

    ctx.moveTo(x - 20, y - 20); 
    ctx.lineTo(x + 20, y + 20); 

    ctx.moveTo(x + 20, y - 20); 
    ctx.lineTo(x - 20, y + 20); 
    ctx.stroke(); 
} 

Aktualisiert Code auf jsFiddle: http://jsfiddle.net/h4JvJ/23/