HTMLキャンバス上の自己交差するポリゴンを描画
-
23-09-2019 - |
質問
私は穴の開いた自己交差するポリゴンを描画する方法を探して、私はHTMLのCanvas要素を使用していています。
だから私は下の赤いものを描きたい、5ポイントを与えます。
注:私はラインの交差点を使用し、より多くのポイントを加算し、これを行うにはしたくない、私が使用する実際のパスが湾曲されます。
正しい解決策はありません
他のヒント
は、キャンバス2Dに単一経路を有する最初の五角形を描くことができない - 塗りつぶしルールビーイングがの偶奇するであり、キャンバスの非ゼロと形状を満たし使用しました強い>巻きルールます。
私は、あなたが内部五角形の角のための交点を計算し、別にそれを埋めるために必要があると思います。あなたは一例として使用描画を実現するには、(ストロークラインなしで再び)内部五角形を埋める、(ストロークラインなし)五芒星を埋めることができ、その後充填することなく、五角形の輪郭の線を描画します。
私はほとんど必ずあなたを行う、すべて自分でそれを描きたくありませんよ? http://gpolo.awardspace.info/fill/main.html のショーはそれがあること行って、それはすべて手作業です。
所属していません StackOverflow