由于VML是矢量的,放大縮小變得很容易了。我們先看一個例子,看看VML能做到什么程度。還是以前面的一個飛碟做為例子。它是用線、圓、弧等形狀拼湊起來的一個圖形。我增加了移動事件,當(dāng)放大太多了,可以拖動圖片查看。
放大 1倍 放大 2倍 放大 3倍 放大 4倍 放大 5倍 放大 6倍 放大 7倍 放大 8倍 放大 9倍 放大10倍
是否感覺出來了,放大縮小對 VML 的畫質(zhì)沒有改變?因為 VML 是矢量的。動態(tài)改變它的 coordsize 值就可以了,注意,減小值等于放大,增大值就等于縮小??梢詤⒖枷旅娴哪_本:
var xx=6000; var yy=6000; function zoom(h) { group1.coordsize=xx/h+","+yy/h; }
上面的 xx,yy 是指默認(rèn)狀態(tài)下的 coordsize 值。調(diào)用這個函數(shù)的時候使用 zoom(n) 其中 n 是要放大的倍數(shù)。 當(dāng)VML中包含 文字的時候,圖形放大了,但文字不會自動放大。這樣一來就很不對稱了,有個技巧,就是文字都用一種標(biāo)記包著,放大函數(shù)就需要改進(jìn)一下了:
var xx=6000; var yy=6000; var fs=9; function zoom(h) { group1.coordsize=xx/h+","+yy/h; for(var i=0;idocument.all.tags("DIV").length;i++) document.all.tags("DIV").item(i).style.fontSize=fs*h+"pt" ; }
fs是默認(rèn)狀態(tài)下的文字大小。document.all.tags("DIV") 將返回頁面上所有DIV元素,然后把他們的文字大小都變大。實踐證明,放大后和VML的比例是不變的。