HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLキャンバスclearRect()メソッド


HTMLキャンバスのclearRect()メソッドは、指定された長方形のピクセルをクリアするために使用されます。 要素を使用すると、JavaScriptを使用してWebページにグラフィックを描画できます。すべてのキャンバスには、キャンバスの高さと幅を表す2つの要素があります。つまり、それぞれ高さと幅です。

以下は構文です-

ctx.clearRect(p,q,width,height);

上記、

  • p :クリアする長方形の左上隅のx座標
  • q: クリアする長方形の左上隅のy座標
  • :クリアする長方形の幅
  • 高さ :クリアする長方形の高さ

ここで、canvasのclearRect()メソッドを実装する例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<canvas id="newCanvas" width="500" height="350" style="border:2px solid blue;">
</canvas>
<script>
var c = document.getElementById("newCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "gray";
ctx.fillRect(0, 0, 500, 350);
ctx.clearRect(250, 100, 50, 100);
</script>
</body>
</html>

出力

HTMLキャンバスclearRect()メソッド


  1. HTML DOM createEvent()メソッド

    HTML DOM createEvent()メソッドは、パラメーターでタイプが指定されるイベントオブジェクトを作成するために使用されます。作成されたイベントは、使用する前に初期化する必要があります。イベントをHTML要素にディスパッチするには、その指定されたノードでdispatchEvent()メソッドを使用する必要があります。 構文 以下は、HTML DOM createEvent()メソッドの構文です- document.createEvent( eventType ) ここで、typestringtypeのeventTypeは必須パラメーターです。イベントのタイプは、Animatio

  2. HTML DOM getNamedItem()メソッド

    HTML DOM getNamedItem()メソッドは、NamedNodeMapオブジェクトとして指定された名前の属性ノードを取得するために使用されます。その特定の属性ノードを取得するには、属性プロパティでのみこのメソッドを呼び出す必要があります。これは、属性プロパティが、getNamedItem()メソッドを使用して特定の属性をフィルタリングできるリストを返すためです。 構文 以下は、getNamedItem()メソッドの構文です- namednodemap.getNamedItem(nodename) ここで、nodenameは、namedNodeMapに存在するノードの名前を示す文