我是靠谱客的博主 动听草莓,最近开发中收集的这篇文章主要介绍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" ,效果是一样的。

最后

以上就是动听草莓为你收集整理的ShapeType给VML制作模版的全部内容,希望文章能够帮你解决ShapeType给VML制作模版所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(101)

评论列表共有 0 条评论

立即
投稿
返回
顶部