## 縮放
為了使用縮放功能,你最好使用`iscroll-zoom.js`腳本。
### options.zoom
此屬性設置為`true`啟用縮放功能。
默認值:`false`
### options.zoomMax
最大縮放級數。
默認值:`4`
### options.zoomMin
最小縮放級數。
默認值:`1`
### options.zoomStart
初始的縮放級數。
默認值:`1`
### options.wheelAction
鼠標滾輪的動作可以設置為`'zoom'`,這樣在滾動滾輪時縮放操作會代替原來的滾動操作。
默認值:`undefined`(即:鼠標滾輪滾動)
和前面的示例一樣,一個好的縮放功能的配置如下:
~~~
myScroll = new IScroll('#wrapper', {
zoom: true,
mouseWheel: true,
wheelAction: 'zoom'
});
~~~
> 縮放功能使用的CSS的轉換功能。iScroll只能在支持此CSS功能的瀏覽器上執行。
>
> 一些瀏覽器(特別是基于webkit的)采取的快照縮放區域就放在硬件合成層(比如當你申請轉換)。該快照作為紋理的縮放區域,它幾乎不能被更新。這意味著您的紋理將基于?**scale 1**?進行縮放,將導致文本和圖像模糊,清晰度低。
>
> 一個簡單的解決方案是使用實際分辨率雙倍(或者三倍)裝載內容,然后 放到一個按照`scale(0.5)`比例縮小的div中。這種方法大多數情況下能適用。
請參考?[縮放示例](http://lab.cubiq.org/iscroll5/demos/zoom/)。
### zoom(scale, x, y, time)
一個有意思的的方法,能讓你進行縮放編程。
`scale`是縮放因子。
`x`?和?`y`是縮放關注點,即縮放的中心。如果沒有指定,這個中心就是屏幕中心。
`time`?is the duration of the animation in milliseconds (optional).?`time`是毫秒級別的動畫周期(可選項)。