ShapeType给VML制作模版


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" ,效果是一样的。



相关阅读:
巧妙的幻灯片秀
ASP处理多关键词查询实例代码
Fedora 10 安装教程全程图解推荐
ASP 80040e14错误的解决方法
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
SQL注入漏洞全接触--进阶篇(一)
CSS网页设计技巧十则
PPJOKE 0.1 (网页嵌入聊天)提供下载
探讨ASP.NET AJAX客户端开发技术
当鼠标移出灰色区域时候,菜单项怎么隐藏起来
JS 对象介绍
解析HTML5之表单新功能
十分钟打造AutoComplete自动完成效果代码
让注册表修改立即生效的DIY批处理文件
快速导航

Copyright © 2016 phpStudy |