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; 
}