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

HTMLキャンバスstrokeRect（）メソッド

HTMLキャンバスのstrokeRect（）メソッドは、Webページ上に長方形を作成するために使用されます。 要素を使用すると、JavaScriptを使用してWebページにグラフィックを描画できます。すべてのキャンバスには、キャンバスの高さと幅を表す2つの要素があります。つまり、それぞれ高さと幅です。

以下は構文です-

context.strokeRect(p,q,width,height);

上記、

  • p −長方形の左上隅のx座標
  • q −長方形の左上隅のy座標
  • 幅 −長方形の幅
  • 高さ −長方形の高さ

ここで、canvasのstrokeStyleプロパティを実装する例を見てみましょう-

例

<!DOCTYPE html>
<html>
<body>
<canvas id="newCanvas" width="550" height="400" style="border −2px solid orange;"></canvas>
<script>
   var c = document.getElementById("newCanvas");
   var ctx = c.getContext("2d");
   ctx.strokeRect(120, 120, 220, 120);
</script>
</body>
</html>

出力

HTMLキャンバスstrokeRect（）メソッド


  1. HTML DOM getNamedItem（）メソッド

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

  2. HTML DOM getElementsByTagName（）メソッド

    HTML DOM getElementsByTagName（）メソッドは、指定されたタグ名を持つドキュメント内のすべての要素のコレクションを取得するために使用されます。指定されたすべての要素をNodeListオブジェクトとして返します。インデックス番号を使用して、返されたオブジェクトの任意の要素にアクセスできます。 返されたHTMLcollectionは、いくつかの要素を削除または追加した後、getElementsByTagName（）メソッドを何度も呼び出さなくても、DOMツリーとの同期を維持します。 構文 以下は、getElementsByTagName（）メソッドの構文です- ele