html - 绘制 "X"字使用 Canvas HTML

Question

我用canvas在鼠标点击的位置画了一个“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/