HTML動畫序列沒有畫布

我目前正在計劃一個Web項目，它需要在網站上運行一些動畫序列。我需要該網站儘可能跨瀏覽器兼容（杜！），並希望獲得開發人員對不同選項的想法。HTML動畫序列沒有畫布

畫布不是主要因爲IE的選項。儘管IE瀏覽器統計數據的「進展」接近於可笑的 http://www.w3schools.com/browsers/browsers_stats.asp（IE在2013年3月爲13％（並且這是所有WINDOWS機器的默認值）），但IE9僅支持不夠好。 ..

我正計劃在動畫的不同階段預加載一系列動畫GIF，例如'跑'，'走'，'飛'，然後在需要時交換img標記的src。雖然我不太熱衷於動畫GIFS的質量，但是我仍然用預先加載的圖像來測試延遲（雖然javascript http://www.preloadjs.com）。使用相同的方法，但是每個都從as一個單獨的PNG？是否可行？

或者可以添加一個附帶spritesheet作爲背景圖片的DOM元素，改變每一步的背景位置？

任何想法或例子;）將是非常有益的！ :)

乾杯， Rory！

---編輯

IM也可以有不同的JavaScript庫。雖然目前包括在我的項目是jQuery和Rapheal

來源

2013-05-03 rorypicko

也許你可以使用動畫SVG（與IE後備，我現在找不到）？我不確定IE備份如何處理動畫。普通的SVG將動畫很好（使用jQuery例如）。 – Rudie 2013-05-03 16:04:01

目前我正在使用RafaelJS，它使用SVG，然後又回到某種巫術使IE6工作。但我不知道你可以用它做位圖sequecne動畫，我會做一些挖掘，謝謝你的時間！ – rorypicko 2013-05-03 16:07:06

我很好奇你發現了什麼。讓我們保持最新狀態？ – Rudie 2013-05-03 17:51:09

jQuery的animate將是你最好的選擇。 Buf你有時間生成精靈表來顯示不同的動畫階段，那麼你可能有足夠的時間去查看一個好的jQuery插件，如gameQuery，它允許你爲精靈表單項目設置動畫。

來源

2013-05-03 15:59:02 blackhawk

謝謝你，即使我不認爲使用gameQuery對我來說會很有用，因爲我沒有構建遊戲，並且有很多開銷不需要的東西。但看到這個例子很有用，因爲我可以看到他們已經做了動畫。精靈表和移動背景位置！謝謝，生病有一個快速browserstack.com測試來檢查其跨瀏覽器兼容性 – rorypicko 2013-05-03 16:04:37

@RoryPickering你是完全正確的在你的觀察。你真的不需要用插件建立一個「遊戲」。只要你知道你的目標是什麼，並且有一些訓練有素的javascript經驗，你可以使用gameQuery來處理任何需要javascript動畫的東西。它不一定是一個遊戲。再加上它是一款真正靈活的軟件包，適用於移動和臺式設備。祝你好運！ – blackhawk 2013-05-03 16:07:27

謝謝兄弟！只是在broswer堆棧上做了一個ie6-7-8-9的快速測試，並沒有在6和7上顯示動畫文字。哪一個公平比畫布更好。所以當我開始這個項目時，它是一個選項。 – rorypicko 2013-05-03 16:15:41

HTML動畫序列沒有畫布

回答

相關問題