Ответ 1
В SO есть несколько вопросов. (1, 2)
Один из способов сделать это - использовать холст. Рабочее решение http://html2canvas.hertzen.com/
Здесь вы можете увидеть некоторые рабочие примеры использования этой библиотеки
Как сохранить содержимое 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).