ホームページ > 記事 > ウェブフロントエンド > シェイプ オブジェクトは VML 座標系_VML に関連付けられています
Shape は VML の最も基本的なオブジェクトであり、これを使用して必要なすべてのグラフィックを描画できます。 VML では、使用される座標はドキュメントの座標ではありません。このように、座標を動的に変更することで、ズームイン、ズームアウト、回転などの機能を実現できます。シェイプの CoordSize 属性は、
注: で定義される座標は相対的なものにすぎません。実際に表示されるグラフィック サイズも style="width:500;height:500" で定義する必要があります。
上記の定義の後、使用できる座標は x(-1400 ~ 1400) y(-1400 ~ 1400) になります。このような座標は、描画ボードを 4 つのブロックに分割する数学の座標のようなものです。
実際の問題を解くと、IE が自動的に相対 (0,0) 位置に表示される VML 画像は、上の 2 つの画像が 2 つの補助座標を追加しない場合、IE 上で 2 つの正方形が並んで表示されることを意味します。
シェイプで最も重要な属性は、強力なブラシであるパスです。構文は非常に単純で、以下で詳しく説明します:
m x, y。 MoveTo はブラシを (x, y) に移動します。LineTo は現在の点から (x, y) までの線を描画します。これにより、VML が描画します。 x コマンドに達するまで継続的にそれらを実行します。
x:Close で線を終了します。
e:End で描画を終了します
shape のその他の共通属性:
FillColor: 塗りつぶしの色。HTML で指定された色を使用します。例: fillcolor=red
Filled: グラフィックを塗りつぶすかどうか。グラフィックが閉じていない場合は、グラフィックは塗りつぶしのために自動的に閉じられます。 Filled="true" (デフォルト) の場合、fillcolor が影響します。
StrokeColor: 線の色。
StrokeWeight: 🎜>
Title: マウスがグラフィック上に移動すると、表示されるテキストは HTML の alt およびtilt と同じです。
Type: グラフィックがどの ShapeType に属するかを指定します。 VML 定式化テンプレートについては後で説明します。 これらの前述の属性については、FillColor と Filled を
で使用でき、StrokeColor と StrokeWeight を で使用できます。 Shape または Shape を継承するオブジェクトでも使用できます。 次のセクションでは、Rect、RoundRect、Oval、Line、その他のオブジェクトなど、Shape によって拡張されたいくつかの特定のオブジェクトについて詳しく紹介します。