ホームページ ウェブフロントエンド CSSチュートリアル シェイプ オブジェクトは VML 座標系_VML に関連付けられています

シェイプ オブジェクトは VML 座標系_VML に関連付けられています

May 16, 2016 pm 12:09 PM

Shape は VML の最も基本的なオブジェクトであり、これを使用して必要なすべてのグラフィックを描画できます。 VML では、使用される座標はドキュメントの座標ではありません。このように、座標を動的に変更することで、ズームイン、ズームアウト、回転などの機能を実現できます。シェイプの CoordSize 属性は、 という 2 つのパラメータを使用します。ここでの 2800 と 2800 は 2800 ポイントに分割された水平座標と垂直座標であり、HTML のデフォルトのピクセルではありません。点が設定されていない場合、VML はデフォルトで 0,0 (左上隅) になります。もちろん、CoordOrig プロパティを使用して VML 点座標を設定することもできます。

CoordOrig="-1400,-1400" CoordSize="2800,2800" style="width:500;height:500" />

注: で定義される座標は相対的なものにすぎません。実際に表示されるグラフィック サイズも 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 によって拡張されたいくつかの特定のオブジェクトについて詳しく紹介します。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

GraphQLキャッシングの使用 GraphQLキャッシングの使用 Mar 19, 2025 am 09:36 AM

最近GraphQLの作業を開始した場合、またはその長所と短所をレビューした場合、「GraphQLがキャッシュをサポートしていない」または

ショー、Don' t Tell ショー、Don' t Tell Mar 16, 2025 am 11:49 AM

あなたのウェブサイトのコンテンツプレゼンテーションの設計にどれくらいの時間に費やしますか?新しいブログ投稿を書いたり、新しいページを作成したりするとき、あなたは考えていますか

Redwood.jsと動物相を使用してイーサリアムアプリを構築します Redwood.jsと動物相を使用してイーサリアムアプリを構築します Mar 28, 2025 am 09:18 AM

最近のビットコインの価格が20k $ $ USDを超えており、最近30Kを破ったので、イーサリアムを作成するために深く掘り下げる価値があると思いました

Eleventyで独自のBragdocを作成します Eleventyで独自のBragdocを作成します Mar 18, 2025 am 11:23 AM

開発者としての段階に関係なく、私たちが完了したタスクは、大小を問わず、個人的および専門的な成長に大きな影響を与えます。

Vue 3 Vue 3 Apr 02, 2025 pm 06:32 PM

それは' Vueチームにそれを成し遂げてくれておめでとうございます。それは大規模な努力であり、長い時間がかかったことを知っています。すべての新しいドキュメントも同様です。

CI/CDで少し CI/CDで少し Apr 02, 2025 pm 06:21 PM

「ウェブサイト」は「モバイルアプリ」よりも適していると言いますが、Max Lynchからのこのフレーミングが好きです。

特異性について話すために(x、x、x、x)を使用しましょう(x、x、x、x) 特異性について話すために(x、x、x、x)を使用しましょう(x、x、x、x) Mar 24, 2025 am 10:37 AM

先日、エリック・マイヤーとおしゃべりをしていたので、形成期のエリック・マイヤーの話を思い出しました。 CSS特異性に関するブログ投稿を書きました

ブラウザから有効なCSSプロパティ値を取得できますか? ブラウザから有効なCSSプロパティ値を取得できますか? Apr 02, 2025 pm 06:17 PM

私はこの非常に正当な質問で誰かに書いてもらいました。 Leaは、ブラウザから有効なCSSプロパティ自体を取得する方法についてブログを書いています。それはこのようなものです。

See all articles