スポンサーリンク

描画-三角形

三角形を書く

三角形はmoveto()、linto()命令で3つの頂点間に線を書くことで描画できます。

25行目~28行目で3つの頂点間に線を引いています。

三角形以外の多角形もこの方法で描画を行います(四角形に関しては別途紹介します)

塗りつぶし

描画した三角形を塗りつぶすことができます。

「strokeStyle」命令の代わりに29行目で「fillStyle」を使用しています。これは塗りつぶす色を指定します。

「stroke()」命令の代わりに31行目で「fill()」を使用しています。これは塗りつぶしを実行する命令です。

塗りつぶしは全ての頂点間を線で引く必要がなく、最後の線を省略できます。そのため三角形描画ではあった28行目が省かれています。


多角形が描画できました。しかし四角形は特別な扱いをしますので、次回は四角形を書きます。

タイトルとURLをコピーしました