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

HTMLのスクリプトでグラフィックを作成するにはどうすればよいですか？

スクリプトを使用してグラフィックを作成するには、タグを使用します。 HTMLのタグは、スクリプトを使用してグラフィックやアニメーションなどを描画するためのものです。

以下はタグの属性です-

属性
値
説明
高さ HTMLのスクリプトでグラフィックを作成するにはどうすればよいですか？
ピクセル
キャンバスの高さを指定します。
幅 HTMLのスクリプトでグラフィックを作成するにはどうすればよいですか？
ピクセル
キャンバスの幅を指定します。

例

次のコードを実行して、タグを実装し、グラフィックを作成することができます-

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Canvas Tag</title>
   </head>
   <body>
      <canvas id = "newCanvas">Your browser does not support canvas tag.</canvas>
      <script>
         var c = document.getElementById('newCanvas');
         var ctx = c.getContext('2d');
         ctx.fillStyle = '#00AEEF';
         ctx.fillRect(0,0,180,50);
      </script>
   </body>
</html>

  1. HTMLキャンバスタグ

    HTMLのcanvasタグは、グラフィックの描画に使用されます。グラフィックを描画するには、スクリプトを使用する必要があります。このタグはHTML5で導入されました。すべてのキャンバスには、キャンバスの高さと幅を表す2つの要素があります。つまり、それぞれ高さと幅です。 以下は属性です- 高さ −キャンバスの高さ（ピクセル単位） 幅 −キャンバスの幅（ピクセル単位） ここで、キャンバスタグをHTMLで実装する例を見てみましょう- 例 <!DOCTYPE html> <html> <body> <canvas id="newCanvas&

  2. AutoHotkeyを使用してアプリ固有のホットキーを作成する方法

    ほぼ同一のアプリが異なるキーの組み合わせを使用して同じ結果を達成するのは面倒ではありませんか？さらに悪いことに、ソフトウェアの一部が、それらを再マップするオプションを提供せずに、あいまいなキーボードショートカットを使用することを主張するとき、あなたはそれを嫌いではありませんか？すべてのアプリケーションでキーボードがどのように機能するかを完全に制御できるのは素晴らしいことではないでしょうか。 AutoHotkeyのおかげで、それは可能です。 AutoHotkeyを使用すると、キーボード全体を再マッピングしたり、「グローバルに」およびアプリケーションごとに個別にカスタムショートカットを作成したり