vml学习

<html xmlns:v="urn:schemas-microsoft-com:vml"> 
<head>
<title>vml</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style> 
v\:* { behavior: url(#default#vml) } 
</style>
</head>
<body leftmargin=0 topmargin=0>

<!-- 直线 -->
<v:line style="position:absolute;left:0;top:0;" from="50,0" to="100,100" strokecolor="red" strokeweight="2">
	<!-- 箭头样式: none, block, classic, diamond, oval, open -->
	<!-- 线样式: solid, dot, dash, dashdot, longdash -->
	<v:stroke dashstyle="solid" startarrow="none" endarrow="block" weight="1" color="blue" color2="white" opacity="1.1"/>
</v:line>

<v:textbox id="vml15" style="position:absolute; left:100; top:100; color:blue; font-weight:600; background-color: white;">直线</v:textbox>

<!-- 圆 -->
<v:oval strokecolor="blue" fillcolor="blue" style="position:absolute;left:50;top:50;width:30;height:30;"/>

<!-- 矩形 -->
<v:rect style="position:absolute;left:150;top:200;width:100;height:50;"/>

<!-- 圆角矩形:圆矩形四角的弧度值,0-0.5,默认值0.05 -->
<v:roundrect style="position:absolute;left:100;top:350;width:100;height:100" fillcolor="red" strokecolor="black" strokeweight="1px" arcsize="0.15"/>

<!--
	圆弧:
		startangle    圆弧的起点缺口,取值范围-360-360,默认值-180;
		endangle    圆弧的终点缺口,取值范围-360-360,默认值null(0)
-->
<v:arc style="position:absolute;left:110;top:10;width:100;height:100" startangle="90" endangle="360"/>

<!-- 多边形 -->
<v:polyline style="position:absolute;left:71;top:225" points="0,0,30,-40,100,100,0,0" filled="t" fillcolor="red"/>

<!-- 曲线 -->
<v:curve style="position:absolute;left:100;top:300" from="0,0" to="150,0" filled="f" control1="75,150" control2="75,-150"/>

<!-- 背景 -->
<v:background fillcolor="#CAFF70">
	<!-- 填充类型:solid | gradient | gradientradial | frame -->
	<v:fill angle=45 type="gradient" opacity="0.1" color2="white" src="导航图2.jpg"/>
</v:background>

</body>

 

你可能感兴趣的:(vml)