javascript - divの内容を画像として保存するには?

Question

基本的に、divの内容を画像として保存しようとして、見出しの状態を実行しています。

iPad 用の小さなオンライン アプリケーションを作成する予定です。

必須の機能の 1 つは、Web ページ全体を画像として保存し、その画像を iPad のカメラ ロールに保存できる [保存] ボタンがあることです。表示領域だけでなく、div の内容全体を保存したいと考えています。

私はオンラインで簡単に検索しましたが、何かに関する多くのドキュメントを見つけることができませんでした。HTML5 Canvas でたくさん見つけました。ここに私がまとめたいくつかのコードがあります：

<script>
function saveimg()
{
    var c = document.getElementById('mycanvas');
    var t = c.getContext('2d');
    window.location.href = image;

    window.open('', document.getElementById('mycanvas').toDataURL());
}
</script>

<div id="mycanvas">
This is just a test<br />
12344<br />
</div>

<button onclick="saveimg()">Save</button>

ただし、次のエラーが発生します。

TypeError: c.getContext is not a function

このアプリケーションは、HTML、CSS、および jQuery (またはその他の Javascript ライブラリ) のみで構築されます。