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" ,效果是一样的。 |
转载于:https://www.cnblogs.com/savageworld/archive/2006/07/18/453735.html