当前位置: 代码网 > it编程>网页制作>Css > ShapeType给VML制作模版

ShapeType给VML制作模版

2024年05月15日 Css 我要评论
vml的这个功能很有用,模版,顾名思义,它可以减少书写代码的量,又使的代码可读性提高。在理解vml模版的时候,可以和 html 的 css 一样理解,它是定义好的一种形状,下次使用的时候直接声明 ty
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" ,效果是一样的。
(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com