Захватите div как изображение

У меня есть несколько тегов div, содержащих диаграммы, отображаемые с помощью javascript. Я хочу экспортировать их в формате изображения нажатием кнопки. Я не знаю, можно ли захватить тег div в виде изображения с помощью javascript! вот и прошу советов и подсказок. Заранее спасибо.


javascript html image-capture javascript-events
person MarGa    schedule 05.12.2012    source источник

Ответы (5)


arrow_upward
2
arrow_downward

Вы можете создать изображение с помощью элемента canvas. Если ваши диаграммы отображаются с использованием элементов HTML, вам необходимо нарисовать этот HTML на холсте. . Затем вы можете использовать toDataURL на холсте, чтобы получить данные изображения в кодировке B64.

person Wutz    schedule 05.12.2012

arrow_upward
0
arrow_downward

Это невозможно, используя только JavaScript.

JavaScript не имеет доступа к ПК для сохранения файлов и не может преобразовать DOM в формат изображения.

person Cerbrus    schedule 05.12.2012

arrow_upward
0
arrow_downward

Здесь было обсуждение: html5: скопировать холст в изображение и обратно Также есть проект http://www.nihilogic.dk/labs/canvas2image/< /а>

person Piotr Stapp    schedule 05.12.2012
comment
Он не просит сохранить холст в изображение, а сделать скриншот части страницы. - person Cerbrus; 05.12.2012

arrow_upward
0
arrow_downward

Вы можете попробовать phantomjs, http://phantomjs.org/, хотя я лично им не пользовался, но это широко используется для захвата экрана

person Fr0g    schedule 05.12.2012

arrow_upward
0
arrow_downward

  1. JS не может получить доступ к отображаемому, если он не может разобрать HTML
  2. Вы можете вызвать какую-нибудь утилиту, чтобы сделать скриншот области. Но использовать его небезопасно, поэтому он будет работать, если вы дадите доступ.
  3. Этот вопрос уже задавали здесь. Возможно, в нем есть что-то хорошее, что вам нужно
person Sugar    schedule 05.12.2012