KineticJS strokeWidth居中

Question

在Kinetic中使用strokeWidth时，它会在实际点的每一侧添加宽度。因此，换句话说，笔划以正常的1px线为中心，并且该线的宽度从中心向外增长。

因此，例如在下面的图像“A”中，您看到该点位于（0,0）但该线从该点向外增长。我需要的是像“B”这样的东西。

我知道我可以通过仅通过strokeWidth的差异来扩大多边形来实现这一目标，但是这会导致许多测量结果，并且我希望有更容易说“向外生长”的事情。

Answer 1

中心对齐是唯一的原生html画布笔划对齐。

偶尔会提出笔画“in”| “出去”| “中心”对齐，但到目前为止没有什么比什么WG：http://old.nabble.com/Canvas-stroke-alignment-tc29205720.html

您可以将多边形置于自定义动力学形状中。这样你就可以绘制出原始多边形之外的第二个“抚摸”多边形。这是一个更多的设置工作，但你可以达到你想要的结果。