Draw "X" l'uso parola tela HTML

Question

ho usato di lavoro per disegnare la parola "X" in una posizione del mouse quando ho cliccato, ma quando disegno nuova parola "X", il vecchio "X" era "Bold".

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

Avete qualche suggerimento per me? Grazie!!!

Answer 1

Prima di iniziare a disegnare le linee, chiamare 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(); 
} 

codice aggiornato il jsFiddle: http://jsfiddle.net/h4JvJ/23/