Kinetic で strokeWidth を使用すると、実際のポイントの両側に幅が追加されます。つまり、ストロークは通常 1px の線の中央に配置され、その線の幅は中央から外側に向かって伸びます。
たとえば、下の画像「A」では、点が (0,0) にあるのに、線がその点から外側に向かって伸びていることがわかります。必要なのは、画像「B」のようなものです。
strokeWidth の差だけポリゴンを拡大するだけでこれを達成できることはわかっていますが、それでは多くの測定値が失われるため、「外側に拡大する」と言いやすい何かがあることを願っています。
中央揃えは、唯一のネイティブ html キャンバス ストローク配置です。
ストロークを「in」で与えることが時折提案されます。"アウト" | 「中央」の配置ですが、これまでのところwhatWGからは何もありません: http://old.nabble.com/Canvas-stroke-alignment-tc29205720.html
ポリゴンをカスタムのキネティック シェイプに配置できます。そうすれば、元のポリゴンの外側にある 2 番目の「ストローク」ポリゴンを描画できます。もう少しセットアップ作業が必要ですが、目的の結果を得ることができます。