ShapeType给VML制作模版

时间:2021-03-17 人气:0

想了解ShapeType给VML制作模版的相关内容吗，在本文为您仔细讲解的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：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>

    定义好上面的模版后，以后就可以直接调用了：

    <?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" /> <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" ，效果是一样的。

加载全部内容