Как сделать снимок экрана с веб-страницы с помощью Javascript

Question

Мне нужно захватить текущую активную веб-страницу в качестве скриншота. Я уже пробовал html2canvas & GrabzIt, но проблема в том, что мне нужен точный скриншот страницы, на которой я сейчас. Причина, по которой я не хочу использовать html2canvas, заключается в том, что она не всегда возвращает хорошую версию скриншота (не обрабатывается должным образом), и я не хочу использовать GrabzIt, потому что это не бесплатно.

У любого из вас есть идея, как это сделать либо с помощью javascript/java/flash? Любая опция будет работать до тех пор, пока она работает ...

P.S. В настоящее время я снимаю скриншоты с моим аддоном для Firefox, используя функцию, которую предлагает firefox: context.drawWindow, и теперь я хочу сделать ее доступной в Интернете.

Большое спасибо!

Answer 1

В конце концов, я закончил работу с созданием скриншотов на стороне сервера с помощью phantomjs. Нашел его самым надежным в моем сценарии, и он занимает довольно приличные скриншоты.

Answer 2

В настоящее время возможные альтернативы:

rasterizeHTML.js:

этот инструмент выглядит способным захватить страницу и содержащий сложный HTML-структуру и изображение, а также в этой демонстрации : http://cburgmer.github.io/rasterizeHTML.js/

Lively 3D:

На веб-сайте инструмента вы также можете найти демоверсию, и она по-прежнему поддерживается и развивается.

http://livelygoes3d.blogspot.co.at/2011/11/rendering-html-on-canvas.html

HTML2Canvas:

Или после всех HTML2Canvas, потому что это не похоже, что он будет поставлен на удержание, наоборот существует новый релиз-версию. И поскольку я использовал его, это могло бы улучшить обработку изображений на холсте.

http://html2canvas.hertzen.com/examples.html

Старо-Ответ: Я использовал этот пакет в одном из моих проектов, и она работала очень хорошо. Единственная жалоба, которую я должен сделать на этом пакете, заключается в том, что изображения не отображаются так хорошо в последнем скриншоте. Но может быть, это улучшилось с тех пор.