Canvas は一般的にキャンバスのことを指します。最近、HTML5 を使用してゲームを作成することに興味を持っているので、単純に Canvas を使用しました。
Silverlight と wpf で Canvas を使用したことがあります。Silverlight では、Canvas は絶対配置コンテナーであり、その中に任意のコントロールを配置できます。彼を通じて、キャンバス、グラフィック アプリケーション、GIS アプリケーションなどを構築できます。
HTML5 では、キャンバスは新しいタグです:
基本的な HTML タグのすべての属性があり、スタイルを設定することもできます。
彼には特定の属性もあります:
ここの高さと幅htmlタグの属性が異なり、スタイルの高さと幅も異なります。 これは主にキャンバス内の座標範囲を指します。スタイルの幅と高さは、キャンバスの実際の表示サイズを指します。
たとえば、次のキャンバスを定義します。
次に、座標 100 と 50、サイズ 200 と 150 の長方形をキャンバスに描画します。以下に示すように、実際の効果が表示されます。
画像内のキャンバスのサイズはスタイル 600px * 450px で決まりますが、キャンバス全体を埋める座標は括弧内のサイズに対応する 400*300 のみです。
キャンバスでの描画は座標に基づいているため、100、50の座標は150px、75pxの画面座標に変換され、長方形のサイズも200*150から300px*225pxの画面サイズに変換されます。
以下のコードに従って、自分で試すことができます:
著者別の最新記事
-
2025-02-26 03:58:14
-
2025-02-26 03:38:10
-
2025-02-26 03:17:10
-
2025-02-26 02:49:09
-
2025-02-26 01:08:13
-
2025-02-26 00:46:10
-
2025-02-25 23:42:08
-
2025-02-25 22:50:13
-
2025-02-25 21:54:11
-
2025-02-25 20:45:11
最新の問題
-
2025-03-18 14:18:31
-
2025-03-18 14:17:34
-
2025-03-18 14:16:27
-
2025-03-18 14:07:32
-
2025-03-18 14:06:34
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
