Générer un PDF avec le contenu d'un <div> ou l'imprimer PDFCreator
Bonjour à toutes et à tous,
Je voudrais imprimer un <div> qui contient un formulaire "papier".
En background CSS j'ai incorporé l'image de ce formulaire "papier".
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| #Page1 {
position : relative;
width : 805px;
height : 1142px;
margin: 0 auto;
font-family: "Nosferatu", "Bitstream Vera Serif", Norasi, serif;
font-size: .8em;
background-color:white;
background-image:url(/0-Res/Img/_CthulhuPJ001.jpg);
background-repeat:no-repeat;
background-size:contain;
background-attachment:scroll;
background-position:0 0;
background-origin : padding-box;
background-clip : content-box;
border : 4px solid brown;
} |
Sur une page php je positionne (je suis en train de le faire, c'est long!) les 120 champs issus d'une table MySQL au bons endroits.
Une fois la page complétée, je voudrais, si c'est possible, envoyer, par appui sur un bouton, le résultat vers un PDF.
J'ai regardé l'impression PDF en PHP, à ce sujet, j'ai lu la "Doc pour générer un pdf" ici https://php.developpez.com/cours/?pa...liotheques#pdf et ailleurs, mais l'image de fond ne semble pas traitée.
J'ai parcouru divers forums et aucun, de ceux que j'ai vu, ne parle d'une solution JavaScript aisée à mettre en œuvre.
Existe-t'il un "objet", une "méthode" ou une fonction JavaScript me permettant cette impression?
Merci
Générer un PDF avec le contenu d'un <div> ou l'mprimer PDFCreator, suite
J'ai essayé de ruser en mettant une balise <img> en premier dans mon div!
à l'écran tout semble aller bien puisque je positionne mes champs dans le fichier CSS.
Mais à l'impression (PDFCREATOR) je n'ai plus que l'image "de fond", pas les textes en surimpression à l'écran...:calim2:
Les textes sont sur la page suivante...
Générer un PDF avec le contenu d'un <div> ou l'mprimer PDFCreator
J'ai trouvé,
il suffisait de dupliquer dans ma feuille de styles, adaptée à l'impression, les coordonnées de chaque champ, comme pour la feuille adaptée à l'écran.
Code:
1
2
| <link rel="stylesheet" type="text/css" href="/0-Res/CSS/CthulhuImprim.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="/0-Res/CSS/MaPagePrint.css" media="print"/><!-- --> |
Il va me falloir les modifier car çà ne tombe pas juste, gros travail en perspective mais çà semble vouloir fonctionner.
merci
