複数のdivをイメージとして保存するにはどうすればよいですか？

Question

私はユーザーのためのインターフェイスを構築しようとしているので、モデルの色付きの目や肌などを選択したり選択したりすることができます。私は実際にdivとCSSで自分の道を進んでいます。私はdivにイメージをロードするためにAjaxを使用しています。

私の問題は、画像をJPEGまたはPNGファイルとして保存できるように、ユーザーにオプションを提供する必要があるということです。

周りを見ると、私はスタック オーバーフローにキャンバスHTML5のものを見つけましたが、それは私が助けを必要とインターネット エクスプローラ、

• Create an Image of a DIV in JavaScript (GIF/PNG)
• How can I save div as image at client side where div contains one or more than one HTML5 canvas elements?

と互換性がありませんすべてのブラウザと互換性のあるものを見つける。

また、私はこのJavaScriptコードが見つかりました：

button = document.createElement("img"); 
button.src = "http://example.com/livechart.gif?interval=15" 

をしかし、私はcreateElement方法について多くを知りません。

私はCSSを知っていますが、JavaScriptは私の知る限りではありません。

Answer 1

ブラウザでは実行できません。サーバーで実行する必要があります。

は、以下を参照してください。Convert web page to image

Answer 2

私はあなたがそのHTML canvasといくつかのJavaScriptで行うことができます信じる：Canvas2Image : Saving Canvas data to image file。

Answer 3

のスクリーンショットを取得しますか？さて、多くの方法がありますを試してみてください。しかしそれらはすべてブラウザ固有のものです。最も信頼できるのは、OSを使用してスクリーンショットを作成するようにユーザーに指示することです。 MacではCommand-Shift-4、次にスペースです。 PC上では、それはALT-PrtScrだと私は思う。