Блог

В настоящее время я использую wkhtmltopdf для создания PDF-файлов из довольно простой HTML-страницы. Эта HTML-страница содержит 1 изображение. По какой-то причине это изображение иногда вырезается странным образом!

Изображение, разрезанное пополам

КАК показано в приведенном выше примере, это изображение обрезается посередине и снова объединяется вместе.

Я попытался добавить

 page-break-inside: avoid;
page-break-after: avoid;
page-break-before: avoid;
 

В div, в котором находится изображение, и само изображение. К сожалению, печенья нет. Также нет шаблона, который можно найти для загруженных изображений. Похоже, это не связано с размером, расширением файла или чем-то иным. Здесь я в растерянности.

Итак, то, что я делал раньше, заключалось в использовании div и изображения в качестве фона:

 background:url("https://example.com/file.jpg");
 

В некоторых редких случаях (кажется, не могу понять, почему) это не удается. Обходным путем является:

 background-image:url("https://example.com/file.jpg");