ホームページ ウェブフロントエンド 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衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

静的フォームプロバイダーの比較 静的フォームプロバイダーの比較 Apr 16, 2025 am 11:20 AM

ここでは、「静的フォームプロバイダー」という用語を埋めてみましょう。あなたはあなたのHTMLを持ってきます

SASSをより速くするための概念の証明 SASSをより速くするための概念の証明 Apr 16, 2025 am 10:38 AM

新しいプロジェクトの開始時に、SASSコンピレーションは瞬く間に起こります。これは、特にbrowsersyncとペアになっている場合は素晴らしい気分です。

毎週のプラットフォームニュース:HTMLロード属性、主なARIA仕様、およびIFRAMEからShadowDOMへの移動 毎週のプラットフォームニュース:HTMLロード属性、主なARIA仕様、およびIFRAMEからShadowDOMへの移動 Apr 17, 2025 am 10:55 AM

今週のプラットフォームニュースのラウンドアップで、Chromeは、Web開発者のロード、アクセシビリティ仕様、およびBBCの動きのための新しい属性を導入します

セクション要素との取引 セクション要素との取引 Apr 12, 2025 am 11:39 AM

2つの記事がまったく同じ日に公開されました。

HTMLダイアログ要素を使用したいくつかの実践 HTMLダイアログ要素を使用したいくつかの実践 Apr 16, 2025 am 11:33 AM

これは私が初めてHTML要素を見ていることです。私はしばらくの間それを知っていましたが、まだスピンしていませんでした。かなりクールです

Google Fontsをタグ付けし、Goofonts.comを作成する方法 Google Fontsをタグ付けし、Goofonts.comを作成する方法 Apr 12, 2025 pm 12:02 PM

Goofontsは、開発者妻とデザイナーの夫によって署名されたサイドプロジェクトであり、どちらもタイポグラフィの大ファンです。 Googleにタグを付けています

マルチサムスライダー:一般的なケース マルチサムスライダー:一般的なケース Apr 12, 2025 am 10:52 AM

この2部構成のシリーズの最初の部分では、2つの親指スライダーを取得する方法を詳しく説明しました。今、私たちは' llが一般的なマルチサンプスのケースを見ていますが、別のものと

「ポッドキャストにサブスクライブ」リンクはどこにすべきですか? 「ポッドキャストにサブスクライブ」リンクはどこにすべきですか? Apr 16, 2025 pm 12:04 PM

しばらくの間、iTunesはポッドキャストの大きな犬だったので、「ポッドキャストにサブスクライブ」をリンクした場合:

See all articles