Можно ли выполнить преобразование части HTML в изображение без перезагрузки страницы?

Question

[Виталий]

Здравствуйте, очень нужно получить в виде изображения (можно в бейс64) части html страницы. Предположим есть некое .... содержимое которого надо сделать картинкой, подскажите как быть?
Через канвас и драв имидж не работает, как как div к имг элементам не относится...

Comments

[Евгений Вольф]

Не совсем понятно, что нужно сделать? Уже существующую картинку в base64 преобразовать?

[Виталий]

Евгений Вольф: создать картинку из html

[Евгений Вольф]

Виталий: Скриншот страницы создать?

Answer 1

[Ivan Bogachev]

Вероятно вам нужен html2canvas.

Comments

[Виталий]

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

Answer 2

[Александр Коротаев]

Отчего же с Canvas не работает?
Скопировать нужный HTML -> вставить в svg -> нарисовать на Canvas

вот пример, тут работает: https://jsfiddle.net/w464zzL5/

Comments

[Виталий]

только пример пустой, можете проверить ссылку?

[Александр Коротаев]

Виталий: поправил, видно они по ссылке генерируют пример

[Виталий]

Александр Коротаев: имеете ввиду & что я оборачиваю свой ... в , а дальше как обычно в канвас?

[Виталий]

блин как же неудобно сделано на тостере, зачем они теги трут....

[Виталий]

оборачиваю див в свг и как обычно в канвас?

[Александр Коротаев]

Виталий: свой что? там проблема с захватом html только в том, что его надо со стилями брать, потому что в SVG он берется вне контекста, т.е. надо скопировать стили и применить из инлайново оборачиванием

[Александр Коротаев]

* перед оборачванием

[Александр Коротаев]

Виталий: Кстати, из нативного есть метод для Firefox https://developer.mozilla.org/en-US/docs/Web/API/C..., рисует окно на Canvas, но по нему мало документации и работает только в FF