VMLで描画（HTML）

・VMLとはﾍﾞｸﾀｰｸﾞﾗﾌｨｯｸ用のﾏｰｸｱｯﾌﾟ言語(Vector Markup Language)
・IE5.0～のみに対応。
・<HTML>ﾀｸﾞと<HEAD>部分に以下の記述が必要（XML形式を使う）

    <HTML xmlns:v="urn:schemas-microsoft-com:vml">
    <HEAD>
      <STYLE>v\:* { behavior: url(#default#VML) }</STYLE>
    </HEAD>

■以下の形式で図形を描画
        style属性で描画領域と図形の大きさを指定
        （left値とtop値が描画領域の原点になる）
        fillcolor ･･･図形内を塗り潰す時の色を指定
        strokecolor･･･図形の枠線の色を指定
        strokeweight･･･図形の枠線の幅を指定

･★直線
    <v:line style="position:absolute;left:200;top:200"
        from="0,0" to="300,300" ･･･直線の始点と終点を指定
        fillcolor="green"
        strokecolor="blue" strokeweight="8px"/>

･★四角形
    <v:rect style="position:absolute;left:200;top:200;width:200;height:100"
        fillcolor="green"
        strokecolor="red" strokeweight="5px"/>

･★角丸四角形
    <v:roundrect style="position:absolute;left:160;top:250;width:200;height:100"
        fillcolor="silver"
        strokecolor="navy" strokeweight="3px"/>

･★円
    <v:oval style="position:absolute;left:230;top:220;width:200;height:100"
        fillcolor="yellow"
        strokecolor="black" strokeweight="1px"/>

[ｻﾝﾌﾟﾙHTMLを表示](下のﾌﾚｰﾑに)

htmlｿｰｽ

<HTML xmlns:v="urn:schemas-microsoft-com:vml">

<HEAD>
  <STYLE>v\:* { behavior: url(#default#VML) }</STYLE>
</HEAD>

<BODY>
<v:rect style="position:absolute;left:50;top:50;width:200;height:100"
	 fillcolor="green" strokecolor="red" strokeweight="5px"/>
<v:roundrect style="position:absolute;left:80;top:100;width:200;height:100"
	 fillcolor="silver" strokecolor="navy" strokeweight="3px"/>
<v:oval style="position:absolute;left:120;top:60;width:200;height:100" 
	fillcolor="yellow" strokecolor="black" strokeweight="1px"/>
<v:line style="position:absolute;left:30;top:50" from="0,0" to="300,150" 
	fillcolor="green" strokecolor="blue" strokeweight="8px"/>
</BODY>
</HTML>

end(00/11/15)

VMLで描画（HTMLﾌｧｲﾙ）