html5画布线宽空间

Question

我使用html5画布进行绘画，就像绘画我的问题，如果我用细笔刷尺寸画这很好，光滑，但如果我增加画笔大小，我得到空间线。

code: http://jsfiddle.net/L2g43q1g/ 

薄画笔大小结果： http://postimg.org/image/eyxenntth/

大笔刷大小结果： http://postimg.org/image/60agxczf9/

Answer 1

我认为你需要扭转你的顺序context.closePath（）和上下文.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; 
}