我使用 html5 canvas 来像油漆一样绘图,如果我用细画笔大小绘画,我的问题是很好很光滑,但如果我增加画笔大小,我会得到空格。
code: http://jsfiddle.net/L2g43q1g/
细画笔尺寸结果: http://postimg.org/image/eyxenntth/
大画笔尺寸结果: http://postimg.org/image/60agxczf9/
最佳答案
我认为你需要颠倒 context.closePath() 和 context.Stroke() 的顺序,并添加 context.lineJoin = "round"
更新了中风功能:
function stroke(mouseX, mouseY) {
context.beginPath();
context.lineJoin = "round";
context.lineWidth = 10; //1 = thin line without spaces, 10 = big line with spaces..
context.moveTo(prevMouseX, prevMouseY);
context.lineTo(mouseX, mouseY);
context.closePath();
context.stroke();
prevMouseX = mouseX;
prevMouseY = mouseY;
}
关于javascript - html5 Canvas 线宽空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27841482/