JavaScript

[JavaScript] canvasに四角形を描画する(strokeRect、fillRect)

投稿日:2017年11月5日 更新日:

canvasに四角形を描画するには、strokeRectfillRectを使用します。

サンプルソース

例)canvasに四角形を描画する

実行サンプル

上記サンプルの実行結果です。

構文

strokeRectとfillRectの構文です。

(strokeRect構文)
strokeRect(開始x座標, 開始y座標, 描画幅, 描画高さ)
(fillRect構文)
fillRect(開始x座標, 開始y座標, 描画幅, 描画高さ)

解説

  • 枠のみの四角形を描画したい場合は、strokeRectを使用します。
  • 塗りつぶした四角形を描画したい場合は、fillRectを使用します。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:



comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

スポンサーリンク