画“X”字用画布HTML

前端之家收集整理的这篇文章主要介绍了画“X”字用画布HTML前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我点击时,我用画布在鼠标位置画“X”字,但是当我画出新的“X”字时,旧的“X”是“BOLD”.

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

你有什么建议吗?谢谢!!!

解决方法

在开始绘制线条之前,请调用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/

猜你在找的HTML相关文章