ShapeType给VML制作模版

时间2024-02-08 23:10:03发布访客分类CSS浏览186

导读：收集整理的这篇文章主要介绍了ShapeType给VML制作模版，觉得挺不错的，现在分享给大家，也给大家做个参考。 VML的这个功能很有用，模版，顾名思义，它可以减少书写代码的量，又使的代...

收集整理的这篇文章主要介绍了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" ，效果是一样的。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！

若转载请注明出处： ShapeType给VML制作模版
本文地址： https://pptw.com/jishu/606122.html

Rect,RoundRect(矩形)对象脚本动态生成VML