javascript - JavaScriptを介してdivコンテンツを画像に変換する

Question

div タグの内容を画像に変換し、javascript 経由でローカル フォルダに保存する方法は? 抜け道があるに違いないことはわかっていますが、見つけることができません。どんな助けでも大歓迎です。前もって感謝します。

Answer 1

それが達成しようとしている場合、Javascriptはファイルシステムに書き込むことができません。

文字列を JavaScript に保存する必要があるが、ブラウザ内でサンドボックス化されている場合は、HTML5 の localStorage を利用できます。

ほとんどの HTML 要素のコンテンツを取得するには、タグdocument.getElementById('theDiv').innerHTMLの間にあるものを取得するために使用できます。<div></div>

innerHTML の結果を PHP ページに渡し、そこからファイルに保存できます。

編集

私たちのコメントに基づいて、PHPを使用することをお勧めします。document.getElementById('theDiv').innerHTMLHTMLをphpページに送信するために使用します。そこからhttp://www.rabuser.info/painty.zipを使用 して、「painty.php」ページをダウンロードし、html をそれに渡します。理論上、painty.php は html から img を生成します。