html - Draw "X" word use canvas 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/