在Kinetic中使用strokeWidth时,它将在实际点的每一侧增加宽度。因此,换句话说,笔划以正常的1px线为中心,并且该线的宽度从中心向外增长。
因此,例如在下面的图像“ A”中,您看到该点在(0,0),但是该线从该点向外扩展。我需要的是类似图像“ B”的图像。
我知道我可以通过将strokeWidth的差扩大多边形来完成此操作,但是这会抛出很多度量值,我希望有一些更容易说的“向外增长”。
最佳答案
居中对齐是唯一的本地html画布笔触对齐方式。
有时建议笔画以“ |”形式出现。 “出” | “中心”对齐方式,但到目前为止与whatWG无关:http://old.nabble.com/Canvas-stroke-alignment-tc29205720.html
您可以将多边形设置为自定义的动力学形状。这样,您可以在原始多边形之外绘制第二个“描边”多边形。这需要更多的设置工作,但是您可以实现所需的结果。