IMGKit конвертировать HTML в PNG определенной части HTML
Я не смог найти это в документации, поэтому я спрашиваю здесь.
Можно ли сказать IMGKit конвертировать определенную часть HTML? Я просто хочу PNG конкретного контейнера.
Итак, если моя HTML-разметка выглядит так:
<html>
<head><title>Test</title></head>
<body>
<div class='container'>
Test
</div>
</body>
</html>
Просто сделать скриншот контейнера div?
1 ответ
Я могу придумать пару вариантов здесь:
Вы можете создать новый вид, который содержит только элемент, который вы хотите преобразовать в изображение. Если вы хотите избежать дублирования кода, вы можете даже преобразовать это новое представление в существующее как частичное.
В соответствии с примером использования на GitHub IMGKit принимает строку с HTML в качестве первого аргумента, чтобы вы могли анализировать этот элемент вне поля зрения и передавать его. Отметив, что если есть какие-либо внешние скрипты или таблицы стилей, вы добавляете их с помощью следующего кода:
Добавить стили и скрипты:
kit.stylesheets << '/path/to/css/file'
kit.javascripts << '/path/to/js/file'