快捷導航

放大縮小VML

更新時間：2006年12月24日 00:00:00 作者：

由于VML是矢量的，放大縮小變得很容易了。我們先看一個例子，看看VML能做到什么程度。還是以前面的一個飛碟做為例子。它是用線、圓、弧等形狀拼湊起來的一個圖形。我增加了移動事件，當放大太多了，可以拖動圖片查看。

是否感覺出來了，放大縮小對 VML 的畫質(zhì)沒有改變？因為 VML 是矢量的。動態(tài)改變它的 coordsize 值就可以了，注意，減小值等于放大，增大值就等于縮小?？梢詤⒖枷旅娴哪_本：

  var xx=6000;
  var yy=6000;
  function zoom(h)
  {
    group1.coordsize=xx/h+","+yy/h;
  }

上面的 xx,yy 是指默認狀態(tài)下的 coordsize 值。調(diào)用這個函數(shù)的時候使用 zoom(n) 其中 n 是要放大的倍數(shù)。
當VML中包含文字的時候，圖形放大了，但文字不會自動放大。這樣一來就很不對稱了，有個技巧，就是文字都用一種標記包著，放大函數(shù)就需要改進一下了：

  var xx=6000;
  var yy=6000;
  var fs=9;
  function zoom(h)
  {
    group1.coordsize=xx/h+","+yy/h;
    for(var i=0;i<document.all.tags("DIV").length;i++)
      document.all.tags("DIV").item(i).style.fontSize=fs*h+"pt";
  }

fs是默認狀態(tài)下的文字大小。document.all.tags("DIV") 將返回頁面上所有DIV元素，然后把他們的文字大小都變大。實踐證明，放大后和VML的比例是不變的。