Как сохранить содержимое div как изображения?

В основном, я делаю то, что заголовок указывает, пытаясь сохранить содержимое div как изображение.

Я планирую сделать небольшое онлайн-приложение для iPad.

Одна функция, которая является обязательной, имеет кнопку "Сохранить", которая может сохранять полную веб-страницу в качестве изображения и сохранять это изображение в рулоне IPad камеры. Я хочу сохранить полное содержимое div, а не только видимую область.

Я искал коротко онлайн, но не мог найти много документации ни о чем. Я много нашел на холсте HTML5. Вот какой код я собрал:

<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).

Ответ 1