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'
Другие вопросы по тегам