JavaScript

[JavaScript] canvasの内容をクリアする(.clearRect)

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

canvasの内容をクリアするには、.clearRect()を使用します。

構文

(clearRect構文)
context.clearRect(w, y, w, h)
xクリア開始位置のX座標
yクリア開始位置のY座標
wクリアする横幅
hクリアする縦幅

サンプルソース

例)ボタンを押すとcanvasをクリアする

実行サンプル

ボタンを押すと、canvas領域に描画された画像をクリアします。

以下、枠内がcanvas領域です。

解説

  • クリアする範囲は明示的に指定する必要があります。
    (canvas内を全てクリアするという指定はありません。)

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:



comment

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

スポンサーリンク