Loading article…
| ファイル名拡張子 | .htmまたは.html |
|---|---|
| インターネットメディアの種類 |
アプリケーション/vnd.openxmlformats-officedocument.vmlDrawing |
| 開発者 | マイクロソフト |
| フォーマットの種類 | ベクター画像形式 |
| 延長 | テキスト |
| 標準 | ECMA-376 および ISO/IEC 29500:2008 の一部 |
| Webサイト | ECMA-376、ISO/IEC 29500-4:2012 |
ベクター マークアップ言語( VML ) は、2 次元ベクター グラフィックス用の廃止されたXMLベースのファイル形式です。これは、 Office Open XML標準ISO / IEC 29500 およびECMA -376のパート 4 で指定されました。仕様によると、VML は、レガシーの理由のみで Office Open XML に含まれている非推奨の形式です。[1] [2]
VMLは、MS Office 2007のWord、Excel、PowerPointのドキュメントで広く使用されていました。[1] [3] [4] 2012年にInternet Explorer 10がリリースされ、VMLは廃止され、Internet Explorerの標準モードではサポートされなくなりました。[5]これは、ブラウザーがInternet Explorer 6、7、8、9の以前のバージョンの機能をエミュレートするモードで実行するように設定されている場合にのみ、Internet Explorer 10で使用できるレガシー機能です。
歴史
VML は1998 年にAutodesk、Hewlett-Packard、Macromedia、Microsoft、 VisionによってWorld Wide Web Consortium (W3C)に提出されました。 [6]同じ頃、Adobe Systems、Sun MicrosystemsなどからPrecision Graphics Markup Language (PGML)など、Web ベクター グラフィックスの分野で競合する他の W3C 提出も受け取られました。[7]これらの提出の結果、新しい W3C ワーキング グループが設立され、Scalable Vector Graphics (SVG) が作成されました。SVG は、2 次元ベクターおよびベクター/ラスター混合グラフィックスを XML で記述するための言語として、2001 年に W3C 勧告になりました。[8] VML は、SVG などの他の形式に取って代わられ、ほとんど廃止されました。[9] SVG は VML と互換性がありません。[10]
この形式の開発は1998年に終了しました。[11] VMLはInternet Explorerバージョン5からバージョン9までとMicrosoft Office 2000に実装されています。 VMLはInternet Explorer 10では利用できなくなりました。[12] MicrosoftはWebサイトがSVGに移行することを期待しています。[13] Google Maps JavaScript APIのバージョン2はInternet Explorer 5.5+のベクターパスにVMLを使用していましたが、 [14] VMLを使用しないバージョン3に正式に廃止されました。 [15]
構文
以下は、 Microsoft Excel 2010 によって生成された VML インスタンスです。
<xml xmlns:v= "urn:schemas-microsoft-com:vml" xmlns:o= "urn:schemas-microsoft-com:office:office" xmlns:x= "urn:schemas-microsoft-com:office:excel" > <o:shapelayout v:ext= "edit" > <o:idmap v:ext= "edit" data= "1" /> </o:shapelayout><v:shapetype id= "_x0000_t202" coordsize= "21600,21600" o:spt= "202" path= "m,l,21600r21600,l21600,xe" > <v:stroke joinstyle= "miter" /> <v:path gradientshapeok= "t" o:connecttype= "rect" /> </v:shapetype><v:shape id= "_x0000_s1025" type= "#_x0000_t202" style= 'position:absolute; margin-left:203.25pt;margin-top:82.5pt;width:108pt;height:59.25pt;z-index:1; visibility:hidden' fillcolor= "#ffffe1" o:insetmode= "auto" > <v:fill color2= "#ffffe1" /> <v:shadow on= "t" color= "black" obscured= "t" /> <v:path o:connecttype= "none" /> <v:textbox style= 'mso-direction-alt:auto' > <div style= 'text-align:left' ></div> </v:textbox> <x:ClientData ObjectType= "Note" > <x:MoveWithCells/> <x:SizeWithCells/> <x:Anchor> 4, 15, 5, 10, 6, 31, 9, 9 </x:Anchor> <x:AutoFill> False </x:AutoFill> <x:Row> 6 </x:Row> <x:Column> 3 </x:Column> </x:クライアントデータ> </v:シェイプ> </xml>
VMLは「xml」という名前のルート要素を指定することで、W3CのXML勧告に違反していることに注意してください。W3CのXML勧告では、「x」、「m」、「l」で始まる名前は「この仕様書のこのバージョンまたは将来のバージョンでの標準化のために予約されている」と規定されています。[16]
VML は、HTMLマークアップ内に埋め込まれると、 Microsoft Internet Explorerによって読み取られ、処理されます(他のブラウザでは読み取られません)。たとえば、次の例では、青い楕円が表示されます。
<html xmlns:v > <style> v\:*{behavior:url(#default#VML);position:absolute} </style> <body> <v:oval style= "left:0;top:0;width:100;height:50" fillcolor= "blue" stroked= "f" /> </body> </html>
実装
VMLは、Microsoft WordやMicrosoft VisioなどのほとんどのMicrosoft Officeアプリケーションで、' 'オプションを使用して作成されたHTMLファイル（プレーンHTMLまたはMHT ）内で使用されます。このようなファイルは完全なベクター情報を保持しており、 Microsoft PowerPointなどの他のMicrosoftアプリケーションを使用して再度開いて編集できます。VMLは、MicrosoftのInternet Explorerバージョン9まで、未定義バージョンのSGML名前空間を使用してHTML内でインラインでネイティブにサポートされていました。VMLのサポートはInternet Explorer 10以降のバージョンでは廃止されました。[18]Save As HTML
Office Open XMLファイルでの「インク注釈」のサポートは、 LibreOffice 3.7開発サイクル中に追加されました。[19]
VML は、ほとんどの Web ブラウザではネイティブにサポートされていません。Mozilla Firefox、Opera、Safari、Google Chrome などの Web ブラウザは、VML ではなく Scalable Vector Graphics (SVG) をサポートしています。
Microsoft Outlook HTML メールのレンダリング
VML は Internet Explorer の標準としては非推奨ですが、Microsoft Outlook 2007、2010、2013 でレンダリングされる HTML メールの開発に関連して最も一般的に使用されています。メール キャンペーンで背景画像を使用する場合、Outlook では背景画像の CSS または HTML 属性がサポートされていないため、Outlook で表示するために VML を使用する必要があります。ただし、画像形式としての本来の目的ではなくコンテンツに VML を使用すると、アクセシビリティの問題がいくつか発生します。[20]
全幅のテーブルセルの背景画像
< html xmlns:v = "urn:schemas-microsoft-com:vml" >
< head >
< style >
v :* { behavior : url ( #default#VML ); display : inline-block ; } </ style > </ head > < body > < table width = "100%" height = "20" > < tr > < td bgcolor = "#dddddd" style = "background-image:url('http://placekitten.com/g/500/300');background-repeat:no-repeat;background-position:center;"背景= "http://placekitten.com/g/500/300"幅= "100%"高さ= "300" > <!--[if gte mso 9]> <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true"stroke="false" style="mso-width-percent:1000;height:300px;"> <v:fill type="frame" src="http://placekitten.com/g/500/300" color="#ffffff" /> </v:rect> <![endif]--> </ td > </ tr > </ table > </ body > </ html >
ライブラリ(ggplot2)
- ドネ
couleurs <- c('Rouge', 'Bleu', 'Vert', 'Jaune') frequences_relatives <- c(0.20, 0.40, 0.30, 0.10) donnees <- data.frame(couleurs, frequences_relatives)
- カマンベールの図表の追跡
ggplot(donnees, aes(x = "", y = frequences_relatives, fill = couleurs)) +
geom_bar(統計 = "アイデンティティ", 幅 = 1) +
coord_polar("y", 開始 = 0) +
テーマ_void() +
labs(title = "Préférences de Couleurs") +
scale_fill_manual(値 = c("赤", "青", "緑", "黄"))
指定された幅のテーブルセルの背景画像
< html xmlns:v = "urn:schemas-microsoft-com:vml" >
< head >
< style >
v :* { behavior : url ( #default#VML ); display : inline-block ; } </ style > </ head > < body > < table width = "600" border = "0" cellpadding = "0" cellspacing = "0" style = "border-collapse: collapse;" > < tr > < td style = "width: 300px; height: 80px; background-image: url('http://placekitten.com/g/300/80');" > <!--[if gte mso 9]> <v:image xmlns:v="urn:schemas-microsoft-com:vml" id="theImage" style='behavior: url(#default#VML); display: inline-block; position: absolute;幅: 300px; 高さ: 80px; 上: 0; 左: 0; 境界線: 0; z-index: 1;' src="http://placekitten.com/g/300/80" /> <v:shape xmlns:v="urn:schemas-microsoft-com:vml" id="theText" style='behavior: url(#default#VML); display: inline-block; position: absolute; 幅: 300px; 高さ: 80px; 上: -5; 左: -10; 境界線: 0; z-index: 2;'> <div> <![endif]--> < table width = "300" border = "0" cellspacing = "0" cellpadding = "0" style = "border-collapse: collapse;" > < tr > < td height = "80" align = "center" valign = "top" style = "color:#ffffff;font-size:20px;" >< span >テキスト</ span ></ td > </ tr > </ table > <!--[if gte mso 9]> </div> </v:シェイプ> <![endif]--> </ td > </ tr > </ table > </ body > </ html >
参照
参考文献
- ^ ab 「VML は今や廃止されたのか、それともタイプミスだったのか?」 2007 年 6 月 22 日。2008 年 6 月 21 日時点のオリジナルよりアーカイブ。2010年 7 月 29 日閲覧。
- ^ 「Ecma TC45 - 新たな提案された処置により、すべての国家機関のコメントへの対応がさらに進み、従来の課題を文書化して解決しようとしています。現在、コメントのほぼ 2/3 がレビューされています」。2007 年 12 月 21 日。2010年 7 月 29 日閲覧。
- ^ Stephane Rodriguez (2007-09-04). 「Microsoft Office XML 形式 ? 設計上の欠陥」
- ^ Yegor Kozlov. 「POI API ドキュメント — クラス XSSFVMLDrawing」. Apache Software Foundation . 2010 年 7 月 29 日閲覧。
- ^ Microsoft. 「VML はサポートされなくなりました」。
- ^ Mathews, Brian; Brian Dister; John Bowler; Howard Cooper stein; Ajay Jindal; Tuan Nguyen; Peter Wu; Troy Sandal (1998 年 5 月 13 日). 「Vector Markup Language (VML)」. W3C . 2009 年 5 月 8 日閲覧。
- ^ Al-Shamma, Nabeel; Robert Ayers; Richard Cohn; Jon Ferraiolo; Martin Newell; Roger K. de Bry; Kevin McCluskey; Jerry Evans (1998 年 4 月 10 日). 「Precision Graphics Markup Language (PGML)」. W3C . 2009 年 5 月 8 日閲覧。
- ^ W3C (2001-09-04). 「Scalable Vector Graphics (SVG) 1.0 仕様」。2010-07-29閲覧。
{{cite web}}: CS1 maint: 数値名: 著者リスト (リンク) - ^ Dennis Forbes (2003 年 7 月)。「ベクター グラフィックス」。MSDN マガジン。2010 年 7 月 29 日閲覧。
- ^ 「VML — インターネット上のベクターグラフィックス」 2001年7月. 2010年7月29日閲覧。
- ^ Jon Frost、Stefan Goessner、Michel Hirtzler (2003)。Learn SVG: the web graphics standard. p. 7. ISBN 0-9741773-0-XMicrosoft の提案で
ある VML のサポートは Internet Explorer で実現されましたが、開発は 1998 年秋に停止されました。
- ^ 「Internet Explorer 10 互換性クックブック (Windows)」。MSDN。Microsoft。2012年 10 月 1 日。2012年11 月 28 日閲覧。
- ^ Seth McEvoy (2010-03-16)、VML から SVG への移行ガイド、Microsoft 、 2010-07-29取得
- ^ 「マップ オーバーレイ — ポリラインの描画」。Google Maps API — バージョン2。2010 年 5 月25 日閲覧。
- ^ 「Google Maps JavaScript API V3 リファレンス」。Google Maps JavaScript API V3。2010年 5 月 25 日閲覧。
- ^ 「Extensible Markup Language (XML) 1.0 (第 5 版)」。World Wide Web Consortium。2008年 11 月 26 日。2012年 11 月 12 日閲覧。
- ^ 「Vector Mona Lisa」。2013年1月4日時点のオリジナルよりアーカイブ。2011年8月29日閲覧。
- ^ 「Microsoft が Internet Explorer 10 からレガシー機能を削除」2011 年 12 月 9 日。
- ^ 「OOXML Ink注釈をLibreOfficeにインポートする」。2012年10月1日時点のオリジナルよりアーカイブ。
- ^ https://a11y.email/email-accessibility-alert-vml-code-creates-accessibility-errors/ a
外部リンク
- W3C 提出 初稿 1998 年 5 月 13 日
- VML に関する MSDN ページ
- DocumentFormat.OpenXml.Vml 名前空間に関する MSDN ページ