繪製「X」字使用畫布HTML

Question

當我點擊時，我用畫布在鼠標位置繪製「X」字，但是當我繪製新的「X」字時，舊的「X」變爲「BOLD」。

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

你對我有什麼建議？謝謝！！！

Answer 1

你開始你的畫線之前，請撥打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(); 
} 

更新後的代碼上的jsfiddle：http://jsfiddle.net/h4JvJ/23/