画“X”字用画布HTML

发布时间：2020-12-14 16:44:54 所属栏目：资源来源：网络整理

导读：当我点击时,我用画布在鼠标位置画“X”字,但是当我画出新的“X”字时,旧的“X”是“BOLD”. http://jsfiddle.net/darklight27/h4JvJ/ 你有什么建议吗？谢谢！！！解决方法在开始绘制线条之前,请调用beginPath()： function drawX(x,y) { ctx.beginPath();

当我点击时,我用画布在鼠标位置画“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/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!