タグを使用して<canvas>、ポリゴンに穴を描くことができるようにする必要があります。
今、私は beginPath() を使用し、各ポイントに対して lineTo() を実行する非常に単純なものを持っています。その後、fill() で埋められます。
ドーナツのように、真ん中が塗りつぶされていない塗りつぶされたポリゴンを持つ方法がわかりません。私はドーナツを作っていませんが、この例には適しています。
足りないものはありますか？完全に塗りつぶして描画するのではなく、中央を再描画する必要があります。