Comment donner de l'arrière-plan au format pdf par dompdf?

Je m en utilisant Dompdf pour convertir Page Html en PDF. Comme exigence du client pdf devrait avoir l'image de filigrane à l'arrière-plan du document. J'ai essayé de nombreuses façons de codage et aussi différent de style css mais ce n'est pas utile. Est ce que quelqu'un a une idée à ce sujet? merci de m'Aider.

InformationsquelleAutor Pranoti | 2011-08-09
  1. 6

    La version de DOMPDF? Avec la version 0.6.0, vous pouvez utiliser une position fixe de l'élément d'agir en tant que filigrane. Voici un document shell:

    <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>

    Voir un exemple ici: http://eclecticgeek.com/dompdf/debug.php?identifier=f14b0c995add4b6c1ee1d14c0c6a987e

    Sur 0.5.1 vous pouvez utiliser le background-image déclaration de style sur le corps. Vous avez moins de contrôle sur le style, de sorte que vous aurez envie de vous assurer que l'image est formaté exactement comment il doit apparaître dans le document, plus particulièrement liés à la taille et l'opacité. Il y a d'autres questions, en tant que bien, mais cela ne fonctionne pas. Voici un document shell:

    <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>

    Voir un exemple ici: http://eclecticgeek.com/dompdf/debug.php?identifier=a05af7b814031ac5460860560a581183

    • Merci de BrianS sir.. mais comme m à l'aide de la table à côté de la div, dans ce cas sa ne fonctionne pas.. merci de m'aider.
    • Pas sûr de ce que tu veux dire, avez-vous un exemple de code?
    • Exemple de Code Comme ceci :- "<html> <head> <style> #filigrane { position: fixed; bottom: 0px; right: 0px; width: 200px; height: 200px; opacité: .1; } </style> </head> <body> <div id="filigrane"><table width="100%"border="1" cellspacing="0" cellpadding="0"> <tr> <td><img src="code.google.com/p/dompdf/logo" height="100%" width="100%"></td> </tr> </table></div> </body> </html>"
    • BrianS monsieur,je Vous Remercie de me guider n lien également très utile pour moi. Ci-dessus un exemple de code qui m aide dans le codage. le problème, c'est quand je m en utilisant le fond dans la <p> balise puis il fonctionne correctement, mais lorsque j'utilise la balise table dans le codage puis d'arrière-plan ne fonctionne pas.
    • Il semble que certains problèmes d'affichage lors de l'utilisation d'une table. Vous pouvez spécifier la largeur de la table comme une valeur absolue, au lieu de l'en pour-cent, ce qui semble aider. Ensuite, pour assurer le contenu de la table sont rendus avec la bonne opacité ajouter la déclaration de style suivante: #filigrane td { opacity: .1; }
    InformationsquelleAutor
  2. 5

    C'est un problème commun que je rencontre lors de l'utilisation de DomPDF pour rendre mes documents. pour résoudre ce problème, j'ai base64 encode toute image que je suis en train de l'utiliser comme un CSS background-image, puis l'ajouter comme ce 

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

    J'espère que cela aide!

    InformationsquelleAutor Tristan McGowan
  3. 0

    l'image de fond doit avoir le chemin absolu

    body { background-image: url(https://www.google.cl/images/branding/googlelogo/2x/googlelogo_light_color_272x92dp.png); }

    InformationsquelleAutor Max Roa