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>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1章4节:VML语言入门 1:VML语言入门 - 极道学法 在我正式开始讲解、你正式开始学习VML语言以前,请务必遵循以下规则,可以达到最佳效果、极道学习方法。 1:如果你学过HTML、CSS或精通HTML、CSS,那么建议你把学VML的过程看做跟学HTML的过程是一样的,因为,根本就是大同小异。 2:从本章节和本章节以后的每一个章节,我会使用最简单、易懂、有效的语言讲解和分析。但这是不够的,重要的是,你一定要活学活用。毕竟就算是神剑,如果握在不会用它的人手中,只会糟蹋了这把剑。活学活用是你未来实战应用、独立开发的关键…… 3:建议学习时,开启Lshdic2005、或Editplus、或其他HTML/VML代码编辑器、甚至是记事本。每学会一个标记,就要综合以前学的标记、新学的标记,练习、写出不同的效果,如此才能加深你对该标记的理解、以后会很好的使用、更重要的是巩固以前所学的标记不至于学新忘旧。有基底的IT精英,可以边学、边分解FlashVml3.0所绘制图型的代码,但对于90%的人,我个人不推荐这么做。勤学勤练、VML语言功底是活学活用VML之基础…… 4:如何达到精通?建议每学一个标记、属性、语句等,以后建议能用键盘默写出来(即记在脑子里,不看例子,能直接写出正确的标记、实现自己需要的效果),只要你肯勤学勤练,这并不困难。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值