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

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 までご連絡ください。
FlexBox対グリッド:両方を学ぶべきですか?FlexBox対グリッド:両方を学ぶべきですか?May 10, 2025 am 12:01 AM

はい、Youはrelearnbothlexboxandgrid.1)FlexBoxisidealforone-Dimensional、FlexiblleayoutslikenavigationMenus.2)Gridexcelsintwo-digsignssuchasmagazinelayouts.3)Bothenhanceslaysutibulivedibulisunivedivition、floctonsulururを

軌道力学(またはCSSキーフレームアニメーションの最適化方法)軌道力学(またはCSSキーフレームアニメーションの最適化方法)May 09, 2025 am 09:57 AM

独自のコードをリファクタリングするのはどのように見えますか?ジョン・レアは、彼が書いた古いCSSアニメーションを選び、それを最適化するという思考プロセスを歩きます。

CSSアニメーション:それらを作成するのは難しいですか?CSSアニメーション:それらを作成するのは難しいですか?May 09, 2025 am 12:03 AM

cssanimationsArenotintinlentyhardbutrepracticeanderstanding ofcsspropertiesandtimingfunctions.1)

@KeyFrames CSS:最も使用されているトリック@KeyFrames CSS:最も使用されているトリックMay 08, 2025 am 12:13 AM

@keyframesispopularduetoitsversitility andpowerincreatingsmoothcssanimations.keytricksinclude:1)defingsmoothtransitionsbetweenstates、2)AnimatingMultipleProperiessimally、3)3)bendorprefixesforbrows -compativity、4)組み合わせwithjavasfo

CSSカウンター:自動番号の包括的なガイドCSSカウンター:自動番号の包括的なガイドMay 07, 2025 pm 03:45 PM

csScounterSareSareusedTomageautomaticinginginwebdesigns.1)それらは、コンテンツ、リスト、および積極的なものを使用することができます

スクロール駆動型のアニメーションを使用したモダンなスクロールシャドウスクロール駆動型のアニメーションを使用したモダンなスクロールシャドウMay 07, 2025 am 10:34 AM

特にモバイルデバイスでは、スクロールシャドウを使用することは、Chrisが以前にカバーした微妙なUXです。 Geoffは、アニメーションタイムラインプロパティを使用する新しいアプローチをカバーしました。これがさらに別の方法です。

画像マップを再検討します画像マップを再検討しますMay 07, 2025 am 09:40 AM

簡単に復習してみましょう。画像マップはHTML 3.2に戻ります。ここで、最初にサーバー側マップを使用してから、マップとエリア要素を使用して画像上でクリック可能な領域を定義したクライアント側マップをマップしました。

開発者:すべての開発者の調査開発者:すべての開発者の調査May 07, 2025 am 09:30 AM

State of Devsの調査は現在、参加に対して開かれており、以前の調査とは異なり、コードを除くすべてをカバーしています:キャリア、職場だけでなく、健康、趣味などもあります。 

See all articles

ホット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 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

SublimeText3 中国語版

SublimeText3 中国語版

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