Vml:美洲豹系列教程之八(ShapeType給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" ，效果是一樣的。