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是破折号之间的空白区域。