FabricJS strokeWidth - strokeDashArray Bug？

Question

我在fabricjs中繪製了一條虛線和一條虛線矩形，但是在設置strokeWidth過高以使線/ rect正確繪製strokeDashArray時出現問題。

例如：
如果strokeDashArray: [10,2]和strokeWidh: 1一切都很好，但如果我設置strokeWidh: 5行/ RECT不破滅了。

我發現，該設置strokeLineCap： '方' 打亂它，但我不明白爲什麼

小提琴 - 例如：jsfiddle

希望得到任何形式的幫助：d

Answer 1

asturur（contributor fabric.js）寫了這樣的解釋：

是不是搞砸了。是如何廣場工作。你必須讓strokeDash 有更多的「黑與白」之間的空間。

Answer 2

正如你可以從下面的截圖看到的線帽修改線的視覺長度。

雖然虛擬長度是每一個他們是相同的，每一行獲取一個strokewidth/2片附接到端和啓動。 因此，如果strokeWidth爲5，並且額外的2.5，那麼您正在吃掉[10，2]的strokedash，其中2是破折號之間的空白區域。