时间:2021-05-26
VML的这个功能很有用,模版,顾名思义,它可以减少书写代码的量,又使的代码可读性提高。在理解VML模版的时候,可以和 HTML 的 CSS 一样理解,它是定义好的一种形状,下次使用的时候直接声明 type 属性就可以了。看看下面的例子:
<v:shapetype id="arrowUP" coordsize="6 6"> <!--三角形 向上-->
<v:path v="m 3,0 l 0,6,6,6,3,0 x e" />
</v:shapetype>
<v:shapetype id="arrowDown" coordsize="6 6"> <!--三角形 向下-->
<v:path v="m 0,0 l 3,6,6,0,0,0 x e" />
</v:shapetype>
定义好上面的模版后,以后就可以直接调用了:
<v:shape type="#arrowUP" style="position:relative;width:50;height:50"/>
<v:shape type="#arrowDown" style="position:relative;width:50;height:50"/>
<v:shape fillcolor=blue type="#arrowDown" style="position:relative;width:80;height:80" />
不知道大家有没有注意到,VML里面对“,”使用不强制的,你可以使用 coordsize="6,6" 也可以使用 coordsize="6 6" ,效果是一样的。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
VML和HTML的紧密结合,使的给VML 增加事件变得很容易.所有的HTML里面的事件都可以应用到VML中间来!下面的例子是演示:当鼠标移动到圆的时候,圆就跟着
v\:*{behavior:url(#default#VML);}o\:*{behavior:url(#default#VML);}w\:*{behavior:
v\:*{behavior:url(#default#VML);}o\:*{behavior:url(#default#VML);}w\:*{behavior:
v\:*{behavior:url(#default#VML);}o\:*{behavior:url(#default#VML);}w\:*{behavior:
v\:*{behavior:url(#default#VML);}o\:*{behavior:url(#default#VML);}w\:*{behavior: