質問

私は穴の開いた自己交差するポリゴンを描画する方法を探して、私はHTMLのCanvas要素を使用していています。

だから私は下の赤いものを描きたい、5ポイントを与えます。

この質問は基本的に同じものです。

注:私はラインの交差点を使用し、より多くのポイントを加算し、これを行うにはしたくない、私が使用する実際のパスが湾曲されます。

正しい解決策はありません

他のヒント

は、キャンバス2Dに単一経路を有する最初の五角形を描くことができない - 塗りつぶしルールビーイングがの偶奇するであり、キャンバスの非ゼロ巻きルールます。

私は、あなたが内部五角形の角のための交点を計算し、別にそれを埋めるために必要があると思います。あなたは一例として使用描画を実現するには、(ストロークラインなしで再び)内部五角形を埋める、(ストロークラインなし)五芒星を埋めることができ、その後充填することなく、五角形の輪郭の線を描画します。

私はほとんど必ずあなたを行う、すべて自分でそれを描きたくありませんよ? http://gpolo.awardspace.info/fill/main.html のショーはそれがあること行って、それはすべて手作業です。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top