Я создаю веб-приложение, которое позволяет создавать простые добавления баннеров. Вы можете добавлять элементы на баннер (текст, изображения, поля и т. Д.) Перетаскивать & капля, изменение размера, изменение его свойств.Лучший способ конвертировать HTML/CSS в изображение
Просто, чтобы получить лучшее представление о том, вот как это выглядит:
В редакторе баннера, элементы простой HTML с встроенными стилями.
К скрытому созданному HTML в изображение я пользуюсь библиотекой - html2canvas. Он в основном отображает HTML на холсте, который можно сохранить как изображение. Но у него есть ограничения (не все свойства css поддерживаются), а результат получается иначе, чем предварительный просмотр.
Так что мои вопросы:
- Есть ли лучший способ сделать это?
- Можно ли сделать скриншот части страницы и сохранить ее как изображение?
- Есть ли способ визуализации HTML с CSS на сервере? Scince NodeJs использует v8 engine, возможно, есть способ визуализации HTML/CSS с ним?
Мне не нужно решение перекрестного браузера. Это нормально, если он будет работать только в хромированном состоянии.
Вы можете отобразить его на сервере с помощью PhantomJS или другого подобного решения. –