
454
|
第十二章
並且停止動畫:
cancelAnimationFrame(animationId);
在寫這本書時,Internet Explorer 10 是唯一不需要任何前置詞即可支援這項 API 的瀏
覽 器。Firefox 透過
moz
前置詞支援它,而 Safari 6.0 版以上、BlackBerry 10 版以上、
TouchPad 的 WebOS 瀏覽器,及 Android 的 Chrome 皆使用
Webkit
前置詞來支援它。
在 WebKit 瀏覽器上,
requestAnimationFrame()
可接受第二個選用的引數:在畫面上與
動畫連結的 DOM 元素。
如果我們想要封裝所有前置詞版本(而且已確定每一個都使用同一樣的語法),可使用
下列程式碼:
(function() {
var requestAnimationFrame = window.requestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.WebkitRequestAnimationFrame ||
window.msRequestAnimationFrame;
window.requestAnimationFrame = requestAnimationFrame;
})();
Paul Irish(
http://paulirish.com
)創建了一個優質的 polyfill,讓我們可以在每一個瀏覽
器上使用 Animation Timing ...