5
是否有可能讓最終用戶能夠使用HTML5 Canvas將保存爲單個文件的動畫創建客戶端 - 除了保存頁面的整個HTML？保存使用HTML5 Canvas創建的動畫
有很多關於如何保存爲PNG的教程，但動畫在這些情況下會丟失。
A
回答
2
有沒有一種「簡單」的方法來做到這一點。
下面是一個類似的問題... Grabbing each frame of an HTML5 canvas
你可以按照這個方法，並抓住框架，並提交到這些服務器端腳本編譯成GIF動畫。
另一種選擇雖然不是三分之一，但會實現純粹的JavaScript GIF編碼器。 GIF規範可以在這裏找到，http://graphcomp.com/info/specs/gif89a.txt
如果顏色表在每個幀中保持不變，那麼您可能可以將來自已編碼的GIF URL的幀拼接在一起，而不必壓縮像素級數據。您仍然需要從Canvas.toDataURL解碼base64流。
2
您可以使用mjbuilder，它是一個庫，可以讓您將畫布幀保存到mpeg文件中。但它有問題，它只適用於Firefox。
相關問題
- 1. Android上的Html5 canvas動畫
- 2. 多個HTML5 canvas動畫
- 3. 哪個js庫用於使用html5 canvas創建不復雜的動畫？
- 4. 使用Canvas動畫
- 5. html5 canvas中基於路徑的動畫
- 6. HTML5 Canvas動畫中的循環
- 7. 是否可以使用鼠標動態創建`html5 canvas'？
- 8. 在javascript中創建動畫循環（canvas）
- 9. HTML5 Canvas創建「清除畫布」按鈕的正確方法
- 10. 使用KineticJS的HTML5 Canvas上的線性動畫。如何製作？
- 11. HTML5 Canvas線性圖像動畫
- 12. HTML5 Canvas縮放圖像動畫
- 13. Java Swing vs HTML5 Canvas交互式動畫
- 14. 使用HTML5 canvas或CSS3動畫演示應用程序快照
- 15. HTML5 Canvas截圖保存到頁面上？
- 16. 將html5 canvas元素保存到使用webos的文件
- 17. 爲什麼在html5中使用canvas進行動畫？
- 18. 使用HTML5和canvas製作動畫圖像
- 19. 基本動畫效果 - 我應該使用jQuery還是HTML5 Canvas？
- 20. 保存HTML5畫布數據
- 21. 動畫創建一個形狀瓦特/ javascript/canvas
- 22. 用HTML5 canvas側邊滾動
- 23. HTML5運動跟蹤使用<canvas>
- 24. 如何將putImageData與使用HTML5 canvas和Javascript的動畫gif一起使用？
- 25. 使用HTML5 Canvas創建遊戲，夠好嗎？
- 26. 可以從Canvas構造函數創建HTML5 Canvas元素
- 27. 創建HTML5畫布編程
- 28. 將html5 canvas輸出保存到我的rails應用程序
- 29. 創建使用HTML5
- 30. Ch canvas畫布動畫 - EaselJS
今天，我被要求在該庫中，這就是爲什麼我解決它的現代瀏覽器： https://github.com/theshock/VideoBuilder – Shock