

**前提**  
・指定したdivのidに対して、setIntervalを使用して一定期間毎に変化を加えています

**質問**  
・ブラウザにおける指定div描画内容を、アニメーションgifとして保存することは出来るでしょうか？

**補足**  
・専用ツールはなるべく使用したくない  
・スクリプト経由で何かを投げたら結果が返ってくるAPIみたいなのは可

**想定**  
・ユーザが、右クリックで保存  
・あるいは、jsスクリプト内の何らかのアクションで保存  
・もしくは、ページロード後、一定期間経過後、とかで自動保存


CC BY-SA 3.0
2015-05-11T04:11:04.263
10025
2015-05-11T10:11:01.593
7886
question
javascript
「setIntervalでへstyleを変更している指定要素」を「アニメーションgif」として保存することは可能？


Canvasに画像を描画すればそのデータを取得し、それをもってFileAPI等を用いてGIF画像を作成し、Blobとa要素のdownload属性を利用することなどにより任意のタイミングでダウンロードさせることができます。  
そしてCanvasにはSVGも描画できますから、SVGのforeignobject要素下に描画したい任意のhtml要素をスタイルがインラインで適用された形で組み込んで描画すれば、一定の制限下で実現可能と思われます。


CC BY-SA 3.0
2015-05-11T10:11:01.593
10046
2015-05-11T10:11:01.593
5721
10025
answer