Мне нужно конвертировать HTML-файлы в PNG без белых полей вокруг изображения. HTML-файл имеет фон с двумя строками текста на нем. Фоновое изображение прикреплено с помощью кода CSS в разделе заголовка HTML-файла. Я попробовал некоторые варианты конвертации с xhtmltopdf но в итоге я получил формат А4 pdf с большим количеством пустого пространства вокруг реальной картинки. Моя оригинальная идея состояла в том, чтобы сначала создать PDF-файлы, а затем преобразовать их в PNG. Может быть, кто-то знает лучший подход? Любая помощь будет оценена! Вот мой код

<html>
<head>
<title></title>
<meta charset="UTF-8">
<style type="text/css">
.cover
{
    text-align: center;
    background: url(cover01.jpg) no-repeat ;
    width: 270px ;
    height: 396px ;
    padding: 15px center ;
    background-clip: border-box ;
    background-origin: border-box ;
    line-height: 130px ;
    font-size: x-large ;
}
.author
{
text-align:center
}
.booktitle
{
text-align:center
}
span
{
  display: inline-block;
  vertical-align: middle;
  line-height: normal;      
}
</style>
</head>
<body>
<div class="cover" background="cover01.jpg">

<p class="author">Jean Ziminne</p>
<span>
<p class="booktitle">Deep into the steppe</p></span>
</div>
</body>
</html>
|источник

1 ответ1

0

Этот скрипт Python должен работать просто отлично для вас :), надеюсь ..

https://github.com/paulhammond/webkit2png

webkit2png - это инструмент командной строки, который создает скриншоты веб-страниц

Пример использования

webkit2png http://www.google.com/             # screengrab google
webkit2png -W 1000 -H 1000 http://google.com/ # bigger screengrab of google
webkit2png -T http://google.com/              # just the thumbnail screengrab
webkit2png -TF http://google.com/             # just thumbnail and fullsize grab
webkit2png -o foo http://google.com/          # save images as "foo-thumb.png" etc
webkit2png -                                  # screengrab urls from stdin
webkit2png /path/to/file.html                 # screengrab local html file
webkit2png -h | less                          # full documentation"""
|источник

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .