Как дать фон в pdf по dompdf? - PullRequest
Новая
       58

Как дать фон в pdf по dompdf?

1 голос
/ 09 августа 2011

Я использую Dompdf для преобразования HTML-страницы в PDF.По требованию клиента pdf должен иметь изображение водяного знака на фоне документа.Я пробовал много способов кодирования, а также другой стиль CSS, но это не помогло.У кого-нибудь есть идеи по этому поводу?пожалуйста, помогите мне.

Ответы [ 3 ]

6 голосов
/ 10 августа 2011

Какая версия DOMPDF?С выпуском 0.6.0 вы можете использовать элемент с фиксированной позицией в качестве водяного знака.Вот оболочка документа: 

<html>
  <head>
    <style>
      #watermark { position: fixed; bottom: 0px; right: 0px; width: 200px; height: 200px; opacity: .1; }
    </style>
  </head>
  <body>
    <div id="watermark"><img src="http://code.google.com/p/dompdf/logo" height="100%" width="100%"></div>
  </body>
</html>

См. Пример здесь: http://eclecticgeek.com/dompdf/debug.php?identifier=f14b0c995add4b6c1ee1d14c0c6a987e

На 0.5.1 вы можете использовать объявление стиля background-image для тела.Вы меньше контролируете стиль, поэтому вам нужно убедиться, что изображение отформатировано в точности так, как оно должно выглядеть в документе, особенно в отношении размера и непрозрачности.Есть и другие проблемы, но это работает.Вот оболочка документа: 

<html>
  <head>
    <style>
      body { background-image: url(http://www.wolfsrainfans.com/wp-content/uploads/2011/04/Wolfs_Rain__Taboe_by_Nizira_Hathor.png); background-position: bottom right; background-repeat: no-repeat; }
    </style>
  </head>
  <body>
  </body>
</html>

См. Пример здесь: http://eclecticgeek.com/dompdf/debug.php?identifier=a05af7b814031ac5460860560a581183

5 голосов
/ 17 февраля 2016

Это распространенная проблема, с которой я сталкиваюсь при использовании DomPDF для рендеринга моих документов.Чтобы решить эту проблему, я base64 кодирую любое изображение, которое пытаюсь использовать в качестве фонового изображения CSS, а затем добавляю его вот так 

url('data:image/jpeg;base64,{base64encodedimage}')

Надеюсь, это поможет!

0 голосов
/ 03 октября 2018

фоновое изображение должно иметь абсолютный путь body { background-image: url(<a href="https://www.google.cl/images/branding/googlelogo/2x/googlelogo_light_color_272x92dp.png" rel="nofollow noreferrer">https://www.google.cl/images/branding/googlelogo/2x/googlelogo_light_color_272x92dp.png</a>); }

...