KineticJS strokeWidth centering

Question

當您在Kinetic中使用strokeWidth時，它會在實際點的每一側添加寬度。所以，換句話說，筆畫居中在通常爲1px的線上，該線的寬度從中心向外成長。

因此，例如在下面的圖像「A」中，您會看到該點在（0,0）處，但該線從該點向外擴展。我需要的是像圖像「B」。

我知道我可以通過按照strokeWidth的差異來擴大多邊形來實現這個目標，但是這樣會拋棄很多測量結果，我希望有更容易說出的「向外擴展」。

Answer 1

中心對齊是唯一的本地HTML畫布描邊對齊。

偶爾會有人提出筆畫是在「in」 「out」| 「中心」路線，但到目前爲止什麼也沒有：http://old.nabble.com/Canvas-stroke-alignment-tc29205720.html

你可以把你的多邊形放在一個自定義的動力學形狀。這樣你就可以繪製出原始多邊形之外的第二個「撫摸」多邊形。這是一個更多的設置工作，但你可以達到你想要的結果。