Как я могу создать изображение из области экрана в Javascript?

Question

У меня есть веб-приложение, в котором пользователь может собрать пользовательский интерфейс (например, другую веб-страницу) из некоторого набора компонентов пользовательского интерфейса, и я хочу предоставить возможность создавать снимок изображения того, что создал пользователь.Таким образом, я хочу иметь возможность программно выбирать, используя JS (например, используя jQuery) область отображаемой области браузера и создавать растровое изображение из этой области.

Спасибо!

Answer 1

Может быть, это может вам помочь: http://html2canvas.hertzen.com/

Answer 2

Прямой JavaScript, маловероятно. Но вы не упоминаете о своей общей «настройке», так что это трудно понять наверняка.Инструменты, которые выполняют аспекты того, что вы описываете ..

PhantomJS - безголовый WebKit с JavaScript API.Встроенная поддержка обработки DOM, селектора CSS, JSON, Canvas и SVG.Для тестирования веб-приложений, очистки сайта, захвата страниц, рендеринга SVG, конвертера PDF и т. Д.

Zombie.js - «Безумно быстрое» полное тестирование в стеке без головы с использованием Node.js.Zombie.js - это облегченная среда для тестирования клиентского JavaScript-кода в моделируемой среде.Браузер не требуется.

webkit2png - это инструмент командной строки, который создает png скриншоты веб-страниц.

Answer 3

Может быть, wkhtmltopdf сработает, у них есть изображение, которое находится в бета-версии.Однако для этого требуется нечто большее, чем просто JavaScript, как и другие методы.