Initial commit
This commit is contained in:
242
html2pdf-master/examples/res/about.php
Normal file
242
html2pdf-master/examples/res/about.php
Normal file
@ -0,0 +1,242 @@
|
||||
<style type="text/css">
|
||||
<!--
|
||||
table.page_header {width: 100%; border: none; background-color: #DDDDFF; border-bottom: solid 1mm #AAAADD; padding: 2mm }
|
||||
table.page_footer {width: 100%; border: none; background-color: #DDDDFF; border-top: solid 1mm #AAAADD; padding: 2mm}
|
||||
div.note {border: solid 1mm #DDDDDD;background-color: #EEEEEE; padding: 2mm; border-radius: 2mm; width: 100%; }
|
||||
ul.main { width: 95%; list-style-type: square; }
|
||||
ul.main li { padding-bottom: 2mm; }
|
||||
h1 { text-align: center; font-size: 20mm}
|
||||
h3 { text-align: center; font-size: 14mm}
|
||||
-->
|
||||
</style>
|
||||
<page backtop="14mm" backbottom="14mm" backleft="10mm" backright="10mm" style="font-size: 12pt">
|
||||
<page_header>
|
||||
<table class="page_header">
|
||||
<tr>
|
||||
<td style="width: 50%; text-align: left">
|
||||
A propos de ...
|
||||
</td>
|
||||
<td style="width: 50%; text-align: right">
|
||||
Html2Pdf v<?php echo $html2pdf->getVersion(); ?>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</page_header>
|
||||
<page_footer>
|
||||
<table class="page_footer">
|
||||
<tr>
|
||||
<td style="width: 33%; text-align: left;">
|
||||
http://html2pdf.fr/
|
||||
</td>
|
||||
<td style="width: 34%; text-align: center">
|
||||
page [[page_cu]]/[[page_nb]]
|
||||
</td>
|
||||
<td style="width: 33%; text-align: right">
|
||||
©Spipu 2008-<?php echo date('Y'); ?>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</page_footer>
|
||||
<bookmark title="Présentation" level="0" ></bookmark>
|
||||
<br><br><br><br><br><br><br><br>
|
||||
<h1>Html2Pdf</h1>
|
||||
<h3>v<?php echo $html2pdf->getVersion(); ?></h3><br>
|
||||
<br><br><br><br><br>
|
||||
<div style="text-align: center; width: 100%;">
|
||||
<br>
|
||||
<img src="./res/logo.png" alt="Logo Html2Pdf" style="width: 150mm">
|
||||
<br>
|
||||
</div>
|
||||
<br><br><br><br><br>
|
||||
<div class="note">
|
||||
Html2Pdf est un convertisseur de code HTML vers PDF écrit en PHP5, utilisant la librairie <a href="http://tcpdf.org">TCPDF.</a><br>
|
||||
<br>
|
||||
Il permet la conversion d'HTML et d'xHTML valide au format PDF, et est distribué sous licence OSL-3.0.<br>
|
||||
<br>
|
||||
Cette librairie a été conçue pour gérer principalement les TABLE imbriquées afin de générer des factures, bon de livraison, et autres documents officiels.<br>
|
||||
<br>
|
||||
Vous pouvez télécharger la dernière version de Html2Pdf ici : <a href="http://html2pdf.fr/">http://html2pdf.fr/</a>.<br>
|
||||
</div>
|
||||
</page>
|
||||
<page pageset="old">
|
||||
<bookmark title="Sommaire" level="0" ></bookmark>
|
||||
<!-- here will be the automatic index -->
|
||||
</page>
|
||||
<page pageset="old">
|
||||
<bookmark title="Compatibilité" level="0" ></bookmark>
|
||||
<bookmark title="Balises HTML" level="1" ></bookmark>
|
||||
<bookmark title="Balises classiques" level="2" ></bookmark>
|
||||
<div class="note">
|
||||
La liste des balises HTML utilisables est la suivante :<br>
|
||||
</div>
|
||||
<br>
|
||||
<ul class="main">
|
||||
<li><a> : Ceci est un lien vers <a href="http://html2pdf.fr">le site de Html2Pdf</a></li>
|
||||
<li><b>, <strong> : Ecrire en <b>gras</b>.</li>
|
||||
<li><big> : Ecrire plus <big>gros</big>.</li>
|
||||
<li><br> : Permet d'aller à la ligne</li>
|
||||
<li><cite> : <cite>Ceci est une citation</cite></li>
|
||||
<li><code>, <pre></li>
|
||||
<li><div> : <div style="border: solid 1px #AADDAA; background: #DDFFDD; text-align: center; width: 50mm">exemple de DIV</div></li>
|
||||
<li><em>, <i>, <samp> : Ecrire en <em>italique</em>.</li>
|
||||
<li><font>, <span> : <font style="color: #000066; font-family: times">Exemple d'utilisation</font></li>
|
||||
<li><h1>, <h2>, <h3>, <h4>, <h5>, <h6></li>
|
||||
<li><hr> : barre horizontale</li>
|
||||
<li><img> : <img src="./res/tcpdf_logo.jpg" style="width: 10mm"></li>
|
||||
<li><p> : Ecrire dans un paragraphe</li>
|
||||
<li><s> : Texte <s>barré</s></li>
|
||||
<li><small> : Ecrire plus <small>petit</small>.</li>
|
||||
<li><style></li>
|
||||
<li><sup> : Exemple<sup>haut</sup>.</li>
|
||||
<li><sub> : Exemple<sub>bas</sub>.</li>
|
||||
<li><u> : Texte <u>souligné</u></li>
|
||||
<li><table>, <td>, <th>, <tr>, <thead>, <tbody>, <tfoot>, <col>, <colgroup> </li>
|
||||
<li><ol>, <ul>, <li></li>
|
||||
<li><form>, <input>, <textarea>, <select>, <option></li>
|
||||
<li><fieldset>, <legend></li>
|
||||
<li><del>, <ins></li>
|
||||
<li><draw>, <line>, <rect>, <circle>, <ellipse>, <polygone>, <polyline>, <path></li>
|
||||
</ul>
|
||||
<bookmark title="Balises spécifiques" level="2" ></bookmark>
|
||||
<div class="note">
|
||||
Les balises spécifiques suivantes ont été ajoutées :<br>
|
||||
</div>
|
||||
<br>
|
||||
<ul class="main" >
|
||||
<li><page></li>
|
||||
<li><page_header></li>
|
||||
<li><page_footer></li>
|
||||
<li><end_last_page></li>
|
||||
<li><nobreak></li>
|
||||
<li><barcode></li>
|
||||
<li><bookmark></li>
|
||||
<li><qrcode></li>
|
||||
</ul>
|
||||
</page>
|
||||
<page pageset="old">
|
||||
<bookmark title="Styles CSS" level="1" ></bookmark>
|
||||
<div class="note">
|
||||
La liste des styles CSS utilisables est la suivante :<br>
|
||||
</div>
|
||||
<br>
|
||||
<table style="width: 100%">
|
||||
<tr style="vertical-align: top">
|
||||
<td style="width: 50%">
|
||||
<ul class="main">
|
||||
<li>color</li>
|
||||
<li>font-family</li>
|
||||
<li>font-weight</li>
|
||||
<li>font-style</li>
|
||||
<li>font-size</li>
|
||||
<li>text-decoration</li>
|
||||
<li>text-indent</li>
|
||||
<li>text-align</li>
|
||||
<li>text-transform</li>
|
||||
<li>vertical-align</li>
|
||||
<li>width</li>
|
||||
<li>height</li>
|
||||
<li>line-height</li>
|
||||
<li>padding</li>
|
||||
<li>padding-top</li>
|
||||
<li>padding-right</li>
|
||||
<li>padding-bottom</li>
|
||||
<li>padding-left</li>
|
||||
<li>margin</li>
|
||||
<li>margin-top</li>
|
||||
<li>margin-right</li>
|
||||
<li>margin-bottom</li>
|
||||
<li>margin-left</li>
|
||||
<li>position</li>
|
||||
<li>top</li>
|
||||
<li>bottom</li>
|
||||
<li>left</li>
|
||||
<li>right</li>
|
||||
<li>float</li>
|
||||
<li>rotate</li>
|
||||
<li>background</li>
|
||||
<li>background-color</li>
|
||||
<li>background-image</li>
|
||||
<li>background-position</li>
|
||||
<li>background-repeat</li>
|
||||
</ul>
|
||||
</td>
|
||||
<td style="width: 50%">
|
||||
<ul class="main">
|
||||
<li>border</li>
|
||||
<li>border-style</li>
|
||||
<li>border-color</li>
|
||||
<li>border-width</li>
|
||||
<li>border-collapse</li>
|
||||
<li>border-top</li>
|
||||
<li>border-top-style</li>
|
||||
<li>border-top-color</li>
|
||||
<li>border-top-width</li>
|
||||
<li>border-right</li>
|
||||
<li>border-right-style</li>
|
||||
<li>border-right-color</li>
|
||||
<li>border-right-width</li>
|
||||
<li>border-bottom</li>
|
||||
<li>border-bottom-style</li>
|
||||
<li>border-bottom-color</li>
|
||||
<li>border-bottom-width</li>
|
||||
<li>border-left</li>
|
||||
<li>border-left-style</li>
|
||||
<li>border-left-color</li>
|
||||
<li>border-left-width</li>
|
||||
<li>border-radius</li>
|
||||
<li>border-top-left-radius</li>
|
||||
<li>border-top-right-radius</li>
|
||||
<li>border-bottom-left-radius</li>
|
||||
<li>border-bottom-right-radius</li>
|
||||
<li>list-style</li>
|
||||
<li>list-style-type</li>
|
||||
<li>list-style-image</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</page>
|
||||
<page pageset="old">
|
||||
<bookmark title="Propriétés" level="1" ></bookmark>
|
||||
<div class="note">
|
||||
La liste des propriétés utilisables est la suivante :<br>
|
||||
</div>
|
||||
<br>
|
||||
<table style="width: 100%">
|
||||
<tr style="vertical-align: top">
|
||||
<td style="width: 50%">
|
||||
<ul class="main">
|
||||
<li>cellpadding</li>
|
||||
<li>cellspacing</li>
|
||||
<li>colspan</li>
|
||||
<li>rowspan</li>
|
||||
<li>width</li>
|
||||
<li>height</li>
|
||||
</ul>
|
||||
</td>
|
||||
<td style="width: 50%">
|
||||
<ul class="main">
|
||||
<li>align</li>
|
||||
<li>valign</li>
|
||||
<li>bgcolor</li>
|
||||
<li>bordercolor</li>
|
||||
<li>border</li>
|
||||
<li>type</li>
|
||||
<li>value</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<bookmark title="Limitations" level="0" ></bookmark>
|
||||
<div class="note">
|
||||
Cette librairie comporte des limitations :<br>
|
||||
</div>
|
||||
<br>
|
||||
<ul class="main">
|
||||
<li>Les float ne sont gérés que pour la balise IMG.</li>
|
||||
<li>Elle ne permet généralement pas la conversion directe d'une page HTML en PDF, ni la conversion du résultat d'un WYSIWYG en PDF.</li>
|
||||
<li>Cette librairie est là pour faciliter la génération de documents PDF, pas pour convertir n'importe quelle page HTML.</li>
|
||||
<li>Les formulaires ne marchent pas avec tous les viewers PDFs...</li>
|
||||
<li>Lisez bien la documentation : <a href="https://github.com/spipu/html2pdf/blob/master/doc/README.md">https://github.com/spipu/html2pdf/blob/master/doc/README.md</a>.</li>
|
||||
</ul>
|
||||
</page>
|
||||
104
html2pdf-master/examples/res/balloon.php
Normal file
104
html2pdf-master/examples/res/balloon.php
Normal file
@ -0,0 +1,104 @@
|
||||
<style type="text/css">
|
||||
|
||||
.balloon {
|
||||
width: 75%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.on-left {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.on-right {
|
||||
margin-left: 25%;
|
||||
}
|
||||
|
||||
.balloon .balloon-content {
|
||||
position: relative;
|
||||
padding: 4mm;
|
||||
padding: 4mm;
|
||||
margin-left: 2.8mm;
|
||||
margin-right: 2.8mm;
|
||||
margin-bottom: 4mm;
|
||||
border: 0.1mm solid grey;
|
||||
border-top: none;
|
||||
border-radius: 2mm;
|
||||
text-align: left;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.balloon .balloon-corner {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.on-left .balloon-content {
|
||||
background-color: #FEFEFE;
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
|
||||
.on-right .balloon-content {
|
||||
background-color: #E2FECB;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
|
||||
.on-left .balloon-corner {
|
||||
border-top: solid 3mm #FEFEFE;
|
||||
border-left: solid 3mm transparent;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.on-right .balloon-corner {
|
||||
border-top: solid 3mm #E2FECB;
|
||||
border-right: solid 3mm transparent;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.balloon .balloon-status {
|
||||
color: grey;
|
||||
position: absolute;
|
||||
right: 2mm;
|
||||
bottom: 2mm;
|
||||
font-size: 80%
|
||||
}
|
||||
|
||||
.balloon .balloon-status img {
|
||||
width: 3mm;
|
||||
}
|
||||
|
||||
</style>
|
||||
<page backcolor="#DDD">
|
||||
<div class="balloon on-right">
|
||||
<div class="balloon-content">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam lacinia lectus ut lobortis vestibulum. In id consectetur enim. Donec eu erat ut magna consectetur vestibulum ac malesuada turpis. Suspendisse turpis risus, feugiat id gravida eu, euismod id orci. Nunc egestas ut erat molestie rutrum. Morbi posuere posuere sapien sed mattis. Fusce dapibus nunc leo, viverra mollis massa varius non. Ut in maximus quam. Aliquam volutpat consectetur odio, sed viverra eros tincidunt non. Ut consequat mi maximus congue faucibus. Morbi id finibus nisi.
|
||||
<div class="balloon-status">10:01 PM <img src="./res/check.png" alt="check" /></div>
|
||||
</div>
|
||||
<div class="balloon-corner"></div>
|
||||
</div>
|
||||
<div class="balloon on-left">
|
||||
<div class="balloon-content">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam lacinia lectus ut lobortis vestibulum. In id consectetur enim. Donec eu erat ut magna consectetur vestibulum ac malesuada turpis. Suspendisse turpis risus, feugiat id gravida eu, euismod id orci. Nunc egestas ut erat molestie rutrum. Morbi posuere posuere sapien sed mattis. Fusce dapibus nunc leo, viverra mollis massa varius non. Ut in maximus quam. Aliquam volutpat consectetur odio, sed viverra eros tincidunt non. Ut consequat mi maximus congue faucibus. Morbi id finibus nisi.
|
||||
<div class="balloon-status">10:02 PM <img src="./res/check.png" alt="check" /></div>
|
||||
</div>
|
||||
<div class="balloon-corner"></div>
|
||||
</div>
|
||||
<div class="balloon on-right">
|
||||
<div class="balloon-content">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam lacinia lectus ut lobortis vestibulum.
|
||||
<div class="balloon-status">10:03 PM</div>
|
||||
</div>
|
||||
<div class="balloon-corner"></div>
|
||||
</div>
|
||||
<div class="balloon on-left">
|
||||
<div class="balloon-content">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam lacinia lectus ut lobortis vestibulum.
|
||||
<div class="balloon-status">10:04 PM</div>
|
||||
</div>
|
||||
<div class="balloon-corner"></div>
|
||||
</div>
|
||||
</page>
|
||||
BIN
html2pdf-master/examples/res/bas_page.png
Normal file
BIN
html2pdf-master/examples/res/bas_page.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
81
html2pdf-master/examples/res/bookmark.php
Normal file
81
html2pdf-master/examples/res/bookmark.php
Normal file
@ -0,0 +1,81 @@
|
||||
<style type="text/css">
|
||||
<!--
|
||||
table.page_header {width: 100%; border: none; background-color: #DDDDFF; border-bottom: solid 1mm #AAAADD; padding: 2mm }
|
||||
table.page_footer {width: 100%; border: none; background-color: #DDDDFF; border-top: solid 1mm #AAAADD; padding: 2mm}
|
||||
h1 {color: #000033}
|
||||
h2 {color: #000055}
|
||||
h3 {color: #000077}
|
||||
|
||||
div.niveau
|
||||
{
|
||||
padding-left: 5mm;
|
||||
}
|
||||
-->
|
||||
</style>
|
||||
<page backtop="14mm" backbottom="14mm" backleft="10mm" backright="10mm" style="font-size: 12pt">
|
||||
<page_header>
|
||||
<table class="page_header">
|
||||
<tr>
|
||||
<td style="width: 100%; text-align: left">
|
||||
Exemple d'utilisation des bookmarks
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</page_header>
|
||||
<page_footer>
|
||||
<table class="page_footer">
|
||||
<tr>
|
||||
<td style="width: 100%; text-align: right">
|
||||
page [[page_cu]]/[[page_nb]]
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</page_footer>
|
||||
<bookmark title="Sommaire" level="0" ></bookmark>
|
||||
</page>
|
||||
<page pageset="old">
|
||||
<bookmark title="Chapitre 1" level="0" ></bookmark><h1>Chapitre 1</h1>
|
||||
<div class="niveau">
|
||||
Contenu du chapitre 1
|
||||
</div>
|
||||
</page>
|
||||
<page pageset="old">
|
||||
<bookmark title="Chapitre 2" level="0" ></bookmark><h1>Chapitre 2</h1>
|
||||
<div class="niveau">
|
||||
intro au chapitre 2
|
||||
<bookmark title="Chapitre 2.1" level="1" ></bookmark><h2>Chapitre 2.1</h2>
|
||||
<div class="niveau">
|
||||
Contenu du chapitre 2.1
|
||||
</div>
|
||||
<bookmark title="Chapitre 2.2" level="1" ></bookmark><h2>Chapitre 2.2</h2>
|
||||
<div class="niveau">
|
||||
Contenu du chapitre 2.2
|
||||
</div>
|
||||
<bookmark title="Chapitre 2.3" level="1" ></bookmark><h2>Chapitre 2.3</h2>
|
||||
<div class="niveau">
|
||||
Contenu du chapitre 2.3
|
||||
</div>
|
||||
</div>
|
||||
</page>
|
||||
<page pageset="old">
|
||||
<bookmark title="Chapitre 3" level="0" ></bookmark><h1>Chapitre 3</h1>
|
||||
<div class="niveau">
|
||||
intro au chapitre 3
|
||||
<bookmark title="Chapitre 3.1" level="1" ></bookmark><h2>Chapitre 3.1</h2>
|
||||
<div class="niveau">
|
||||
Contenu du chapitre 3.1
|
||||
</div>
|
||||
<bookmark title="Chapitre 3.2" level="1" ></bookmark><h2>Chapitre 3.2</h2>
|
||||
<div class="niveau">
|
||||
intro au chapitre 3.2
|
||||
<bookmark title="Chapitre 3.2.1" level="2" ></bookmark><h3>Chapitre 3.2.1</h3>
|
||||
<div class="niveau">
|
||||
Contenu du chapitre 3.2.1
|
||||
</div>
|
||||
<bookmark title="Chapitre 3.2.2" level="2" ></bookmark><h3>Chapitre 3.2.2</h3>
|
||||
<div class="niveau">
|
||||
Contenu du chapitre 3.2.2
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</page>
|
||||
BIN
html2pdf-master/examples/res/check.png
Normal file
BIN
html2pdf-master/examples/res/check.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 448 B |
86
html2pdf-master/examples/res/example00.php
Normal file
86
html2pdf-master/examples/res/example00.php
Normal file
@ -0,0 +1,86 @@
|
||||
<style type="text/Css">
|
||||
<!--
|
||||
.test1
|
||||
{
|
||||
border: solid 1px #FF0000;
|
||||
background: #FFFFFF;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
-->
|
||||
</style>
|
||||
<page style="font-size: 14px">
|
||||
<span style="font-weight: bold; font-size: 18pt; color: #FF0000; font-family: Times">Bonjour, voici quelques exemples<br></span>
|
||||
<br>
|
||||
Retours à la ligne autorisés : <br>, <br >, <br/>, <br /> <br />
|
||||
<br>
|
||||
Barre horizontale <hr><hr style="height: 4mm; background: #AA5500; border: solid 1mm #0055AA">
|
||||
Exemple de lien : <a href="http://html2pdf.fr/" >le site Html2Pdf</a><br>
|
||||
<br>
|
||||
Image : <img src="./res/logo.gif" alt="Logo" width=150 /><br>
|
||||
<br>
|
||||
Alignement horizontal des DIVs et TABLEs<br />
|
||||
<table style="text-align: center; border: solid 2px red; background: #FFEEEE;width: 40%" align="center"><tr><td style="width: 100%">Test 1</td></tr></table><br />
|
||||
<table style="text-align: center; border: solid 2px red; background: #FFEEEE;width: 40%; margin: auto"><tr><td style="width: 100%">Test 2</td></tr></table><br />
|
||||
<div style="text-align: center; border: solid 2px red; background: #FFEEEE;width: 40%; margin: auto">Test 3</div><br />
|
||||
test de tableau imbriqué :<br>
|
||||
<table border="1" bordercolor="#007" bgcolor="#AAAAAA" align="center">
|
||||
<tr>
|
||||
<td border="1">
|
||||
<table style="border: solid 1px #FF0000; background: #FFFFFF; width: 100%; text-align: center">
|
||||
<tr>
|
||||
<th style="border: solid 1px #007700;width: 50%">C1 € «</th>
|
||||
<td style="border: solid 1px #007700;width: 50%">C2 € «</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="border: solid 1px #007700;width: 50%">D1 € «</td>
|
||||
<th style="border: solid 1px #007700;width: 50%">D2 € «</th>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td border="1">A2</td>
|
||||
<td border="1">AAAAAAAA</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td border="1">B1</td>
|
||||
<td border="1" rowspan="2">
|
||||
<table class="test1">
|
||||
<tr>
|
||||
<td style="border: solid 2px #007700">E1</td>
|
||||
<td style="border: solid 2px #000077; padding: 2mm">
|
||||
<table style="border: solid 1px #445500">
|
||||
<tr>
|
||||
<td>
|
||||
<img src="./res/logo.gif" alt="Logo" width=100 />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="border: solid 2px #770000">F1</td>
|
||||
<td style="border: solid 2px #007777">F2</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td border="1"><barcode type="EAN13" value="45" style="width: 30mm; height: 6mm; font-size: 4mm"></barcode></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td border="1"><barcode type="C39" value="Html2Pdf" label="none" style="width: 35mm; height: 8mm"></barcode></td>
|
||||
<td border="1">A2</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
Exemple avec border et padding : <br>
|
||||
<table style="border: solid 5mm #770000; padding: 5mm;" cellspacing="0" >
|
||||
<tr>
|
||||
<td style="border: solid 3mm #007700; padding: 2mm;"><img src="./res/off.png" alt="" style="width: 20mm"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<img src="./res/off.png" style="width: 10mm;"><img src="./res/off.png" style="width: 10mm;"><img src="./res/off.png" style="width: 10mm;"><img src="./res/off.png" style="width: 10mm;"><img src="./res/off.png" style="width: 10mm;"><br>
|
||||
<br>
|
||||
<table style="border: solid 1px #440000; width: 150px" cellspacing="0"><tr><td style="width: 100%">Largeur : 150px</td></tr></table><br>
|
||||
<table style="border: solid 1px #440000; width: 150pt" cellspacing="0"><tr><td style="width: 100%">Largeur : 150pt</td></tr></table><br>
|
||||
<table style="border: solid 1px #440000; width: 100mm" cellspacing="0"><tr><td style="width: 100%">Largeur : 100mm</td></tr></table><br>
|
||||
<table style="border: solid 1px #440000; width: 5in" cellspacing="0"><tr><td style="width: 100%">Largeur : 5in</td></tr></table><br>
|
||||
<table style="border: solid 1px #440000; width: 80%" cellspacing="0"><tr><td style="width: 100%">Largeur : 80% </td></tr></table><br>
|
||||
</page>
|
||||
96
html2pdf-master/examples/res/example01.php
Normal file
96
html2pdf-master/examples/res/example01.php
Normal file
@ -0,0 +1,96 @@
|
||||
<style type="text/css">
|
||||
<!--
|
||||
table.morpion
|
||||
{
|
||||
border: dashed 1px #444444;
|
||||
}
|
||||
|
||||
table.morpion td
|
||||
{
|
||||
font-size: 15pt;
|
||||
font-weight: bold;
|
||||
border: solid 1px #000000;
|
||||
padding: 1px;
|
||||
text-align: center;
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
table.morpion td.j1 { color: #0A0; }
|
||||
table.morpion td.j2 { color: #A00; }
|
||||
|
||||
-->
|
||||
</style>
|
||||
<page style="font-size: 10pt">
|
||||
<span style="font-weight: bold; font-size: 20pt; color: #F00">Bonjour, voici quelques exemples</span><br>
|
||||
Bonjour, ceci est un test <b>de gras</b>, <i>d'italic</i>, <b><i>et des 2 ensembles</i></b>.<br>
|
||||
<br>
|
||||
<span style="background: red; color: white;">Ceci est un message important</span><br>
|
||||
<br>
|
||||
<small>Texte écrit avec small</small>, Texte écrit normalement, <big>Texte écrit avec big</big><br>
|
||||
<span style="font-size: 20px">A<sub>test d'<b>indice</b></sub> et N<sup>test d'<b>exposant</b></sup>,
|
||||
test<sub>test<sub>test</sub></sub>,
|
||||
test<sup>test<sup>test</sup></sup>,
|
||||
test<sub>test<sup>test</sup></sub>.
|
||||
</span><br>
|
||||
<br>
|
||||
<table align="center" style="border-radius: 6mm; border-top: solid 3mm #000077; border-right: solid 2mm #007700; border-bottom: solid 1mm #770000; border-left: solid 2mm #007777; background: #DDDDAA;" ><tr><td style="width: 100mm; height: 20mm; text-align: center; ">Coucou ! ceci est un border solid avec un radius !!! </td></tr></table>
|
||||
<br>
|
||||
<table align="center" style="border-radius: 6mm; border: none; background: #DDDDAA;" ><tr><td style="width: 100mm; height: 20mm; text-align: center; ">Coucou ! ceci est un background avec un radius !!! </td></tr></table>
|
||||
<br>
|
||||
<table align="center" style="border: solid 1px #000000;"><tr><td style="border-top: solid 4mm #000077; border-right: solid 3mm #007700; border-bottom: solid 2mm #770000; border-left: solid 1mm #007777; padding: 2mm 4mm 6mm 8mm; width: 100mm; background: #FFDDDD">Coucou ! ceci est un border solid</td></tr></table><br>
|
||||
<table align="center" style="border: solid 1px #000000;"><tr><td style="border-top: dotted 4mm #000077; border-right: dotted 3mm #007700; border-bottom: dotted 2mm #770000; border-left: dotted 1mm #007777; padding: 2mm 4mm 6mm 8mm; width: 100mm; background: #FFDDDD">Coucou ! ceci est un border dotted</td></tr></table><br>
|
||||
<table align="center" style="border: solid 1px #000000;"><tr><td style="border-top: dashed 4mm #000077; border-right: dashed 3mm #007700; border-bottom: dashed 2mm #770000; border-left: dashed 1mm #007777; padding: 2mm 4mm 6mm 8mm; width: 100mm; background: #FFDDDD">Coucou ! ceci est un border dashed</td></tr></table><br>
|
||||
<table align="center" style="border: solid 1px #000000;"><tr><td style="border-top: double 4mm #000077; border-right: double 3mm #007700; border-bottom: double 2mm #770000; border-left: double 1mm #007777; padding: 2mm 4mm 6mm 8mm; width: 100mm; background: #FFDDDD">Coucou ! ceci est un border double</td></tr></table><br>
|
||||
<?php $back = 'background-image: url(./res/off.png); background-position: left top; background-repeat: repeat; '; ?>
|
||||
<table style="background: #FFAAAA; color: #000022; border: 3px solid #555555;">
|
||||
<tr>
|
||||
<td style="width: 40mm; border: solid 1px #000000; <?php echo $back; ?>color: #003300">Case A1</td>
|
||||
<td style="width: 50mm; border: solid 1px #000000; <?php echo $back; ?>font-weight: bold;">Case A2</td>
|
||||
<td style="width: 60mm; border: solid 1px #000000; <?php echo $back; ?>font-size: 20px;">Case A3</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="border: solid 1px #000000; text-align: left; <?php echo $back; ?>vertical-align: top; ">Case B1</td>
|
||||
<td style="border: solid 1px #000000; text-align: center; <?php echo $back; ?>vertical-align: middle; height: 20mm">Case B2<hr style="color: #22AA22">test de hr</td>
|
||||
<td style="border: solid 1px #000000; text-align: right; <?php echo $back; ?>vertical-align: bottom; border-radius: 3mm; ">Case B3</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<table style="border: solid 2px #550000; background: #000022 url(./res/logo.png) center center no-repeat; color: #FFFFFF;">
|
||||
<tr >
|
||||
<td style="border: solid 1px #AAAAAA;">Case A1<BR>avec tests diverses</td>
|
||||
<td style="border: solid 1px #AAAAAA;">Case A2</td>
|
||||
<td style="border: solid 1px #AAAAAA;">Case A3 classic</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="border: solid 1px #AAAAAA;">Case B1<br>toto</td>
|
||||
<td style="border: solid 1px #AAAAAA;background: #FF0000">Case B2</td>
|
||||
<td style="border: solid 1px #AAAAAA;">Case B3</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<table class="morpion" cellspacing="5px">
|
||||
<tr>
|
||||
<td class="j1">X</td>
|
||||
<td class="j2">O</td>
|
||||
<td class="j1">X</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="j2">O</td>
|
||||
<td class="j1">X</td>
|
||||
<td ></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="j2">O</td>
|
||||
<td></td>
|
||||
<td class="j1">X</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<table style="border: dotted 1mm #FFFFFF; background: #AAAAFF">
|
||||
<tr>
|
||||
<td style="width: 42mm; text-align: center;font-size: 5mm">
|
||||
Ceci est un test
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</page>
|
||||
118
html2pdf-master/examples/res/example02.php
Normal file
118
html2pdf-master/examples/res/example02.php
Normal file
@ -0,0 +1,118 @@
|
||||
<?php
|
||||
$content = 'A Test overflow<br>A Test overflow<br>A Test overflow<br>
|
||||
<img src="./res/logo.gif" alt="logo" style="width: XXXmm"><br>
|
||||
B Test overflow<br>B Test overflow<br>B Test overflow<br>
|
||||
<img src="./res/logo.gif" alt="logo" style="width: XXXmm"><br>
|
||||
C Test overflow<br>C Test overflow<br>C Test overflow<br>';
|
||||
?>
|
||||
<style type="text/css">
|
||||
<!--
|
||||
div.zone
|
||||
{
|
||||
border: solid 2mm #66AACC;
|
||||
border-radius: 3mm;
|
||||
padding: 1mm;
|
||||
background-color: #FFEEEE;
|
||||
color: #440000;
|
||||
}
|
||||
div.zone_over
|
||||
{
|
||||
width: 30mm;
|
||||
height: 35mm;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
-->
|
||||
</style>
|
||||
<page style="font-size: 10pt">
|
||||
<span style="font-size: 16pt ; font-weight: bold">Démonstration des images</span><br>
|
||||
<br>
|
||||
<b>Dans un tableau :</b><br>
|
||||
<table style="width: 50%;border: solid 3px #5544DD" align="center">
|
||||
<tr>
|
||||
<td style="width: 30%; text-align: left; ">Text à gauche<br>avec retour à<br>la ligne</td>
|
||||
<td style="width: 40%; text-align: center;"><img src="./res/logo.gif" alt="" ><br><i>légende</i></td>
|
||||
<td style="width: 30%; text-align: right; ">Texte à droite</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
Texte <span style="text-decoration: underline">souligné</span>,
|
||||
texte <span style="text-decoration: overline">surligné</span>,
|
||||
texte <span style="text-decoration: line-through">barré</span>,
|
||||
texte <span style="text-decoration: underline overline line-through">avec les trois</span>.<br>
|
||||
<br>
|
||||
<b>Dans un texte :</b><br>
|
||||
texte à la suite d'une image, <img src="./res/logo.gif" alt="" style="height: 10mm">
|
||||
texte à la suite d'une image, répétitif car besoin d'un retour à la ligne
|
||||
texte à la suite d'une image, répétitif car besoin d'un retour à la ligne
|
||||
texte à la suite d'une image, répétitif car besoin d'un retour à la ligne
|
||||
texte à la suite d'une image, répétitif car besoin d'un retour à la ligne<br>
|
||||
<br>
|
||||
<br>
|
||||
Test différentes tailles texte
|
||||
<span style="font-size: 18pt;">Test Size</span>
|
||||
<span style="font-size: 16pt;">Test Size</span>
|
||||
<span style="font-size: 14pt;">Test Size</span>
|
||||
<span style="font-size: 12pt;">Test Size</span>
|
||||
Test différentes tailles texte, répétitif car besoin d'un retour à la ligne
|
||||
Test différentes tailles texte, répétitif car besoin d'un retour à la ligne
|
||||
Test différentes tailles texte, répétitif car besoin d'un retour à la ligne
|
||||
Test différentes tailles texte, répétitif car besoin d'un retour à la ligne
|
||||
<br>
|
||||
<br>
|
||||
<b>Exemple de couleur : </b><br>
|
||||
<span style="color: RGB(255, 0, 0)">Texte de couleur</span><br>
|
||||
<span style="color: RGB(0, 1.0, 0)">Texte de couleur</span><br>
|
||||
<span style="color: RGB(0, 0, 100%)">Texte de couleur</span><br>
|
||||
<span style="color: CMYK(255, 0, 0, 0)">Texte de couleur</span><br>
|
||||
<span style="color: CMYK(0, 1.0, 0, 0)">Texte de couleur</span><br>
|
||||
<span style="color: CMYK(0, 0, 100%, 0)">Texte de couleur</span><br>
|
||||
<span style="color: CMYK(0, 0, 0, 255)">Texte de couleur</span><br>
|
||||
<br>
|
||||
<table>
|
||||
<tr style="vertical-align: top">
|
||||
<td>
|
||||
<u>Exemple 0 :</u><br><br>
|
||||
<div class="zone" ><?php echo str_replace('XXX', '40', $content); ?></div>
|
||||
sans overflow
|
||||
</td>
|
||||
<td>
|
||||
<u>Exemple 1 :</u><br><br>
|
||||
<div class="zone zone_over" style="text-align: left; vertical-align: top; "><?php echo str_replace('XXX', '40', $content); ?></div>
|
||||
hidden left top
|
||||
</td>
|
||||
<td>
|
||||
<u>Exemple 2 :</u><br><br>
|
||||
<div class="zone zone_over" style="text-align: center; vertical-align: middle;"><?php echo str_replace('XXX', '40', $content); ?></div>
|
||||
hidden center middle
|
||||
</td>
|
||||
<td>
|
||||
<u>Exemple 3 :</u><br><br>
|
||||
<div class="zone zone_over" style="text-align: right; vertical-align: bottom;"><?php echo str_replace('XXX', '40', $content); ?></div>
|
||||
hidden right bottom
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="vertical-align: top">
|
||||
<td>
|
||||
<u>Exemple 0 :</u><br><br>
|
||||
<div class="zone" ><?php echo str_replace('XXX', '20', $content); ?></div>
|
||||
sans overflow
|
||||
</td>
|
||||
<td>
|
||||
<u>Exemple 1 :</u><br><br>
|
||||
<div class="zone zone_over" style="text-align: left; vertical-align: top; "><?php echo str_replace('XXX', '20', $content); ?></div>
|
||||
hidden left top
|
||||
</td>
|
||||
<td>
|
||||
<u>Exemple 2 :</u><br><br>
|
||||
<div class="zone zone_over" style="text-align: center; vertical-align: middle;"><?php echo str_replace('XXX', '20', $content); ?></div>
|
||||
hidden center middle
|
||||
</td>
|
||||
<td>
|
||||
<u>Exemple 3 :</u><br><br>
|
||||
<div class="zone zone_over" style="text-align: right; vertical-align: bottom;"><?php echo str_replace('XXX', '20', $content); ?></div>
|
||||
hidden right bottom
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</page>
|
||||
87
html2pdf-master/examples/res/example03.php
Normal file
87
html2pdf-master/examples/res/example03.php
Normal file
@ -0,0 +1,87 @@
|
||||
<page backtop="10mm" backbottom="10mm" backleft="20mm" backright="20mm">
|
||||
<page_header>
|
||||
<table style="width: 100%; border: solid 1px black;">
|
||||
<tr>
|
||||
<td style="text-align: left; width: 33%">html2pdf</td>
|
||||
<td style="text-align: center; width: 34%">Test d'header</td>
|
||||
<td style="text-align: right; width: 33%"><?php echo date('d/m/Y'); ?></td>
|
||||
</tr>
|
||||
</table>
|
||||
</page_header>
|
||||
<page_footer>
|
||||
<table style="width: 100%; border: solid 1px black;">
|
||||
<tr>
|
||||
<td style="text-align: left; width: 50%">html2pdf.fr</td>
|
||||
<td style="text-align: right; width: 50%">page [[page_cu]]/[[page_nb]]</td>
|
||||
</tr>
|
||||
</table>
|
||||
</page_footer>
|
||||
<span style="font-size: 20px; font-weight: bold">Démonstration des retour à la ligne automatique, ainsi que des sauts de page automatique</span><br>
|
||||
<br>
|
||||
<br>
|
||||
<table style="width: 80%;border: solid 1px #5544DD; border-collapse: collapse" align="center">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 30%; text-align: left; border: solid 1px #337722; background: #CCFFCC">Header 1</th>
|
||||
<th style="width: 30%; text-align: left; border: solid 1px #337722; background: #CCFFCC">Header 2</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php
|
||||
for ($k=0; $k<13; $k++) {
|
||||
?>
|
||||
<tr>
|
||||
<td style="width: 30%; text-align: left; border: solid 1px #55DD44">
|
||||
test de texte assez long pour engendrer des retours à la ligne automatique...
|
||||
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
||||
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
||||
</td>
|
||||
<td style="width: 70%; text-align: left; border: solid 1px #55DD44">
|
||||
test de texte assez long pour engendrer des retours à la ligne automatique...
|
||||
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
||||
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th style="width: 30%; text-align: left; border: solid 1px #337722; background: #CCFFCC">Footer 1</th>
|
||||
<th style="width: 30%; text-align: left; border: solid 1px #337722; background: #CCFFCC">Footer 2</th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
<br>
|
||||
Ca marche !!!<br>
|
||||
refaisons un test : <br>
|
||||
<table style="width: 80%;border: solid 1px #5544DD">
|
||||
<?php
|
||||
for ($k=0; $k<12; $k++) {
|
||||
?>
|
||||
<tr>
|
||||
<td style="width: 30%; text-align: left; border: solid 1px #55DD44">
|
||||
test de texte assez long pour engendrer des retours à la ligne automatique...
|
||||
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
||||
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
||||
</td>
|
||||
<td style="width: 70%; text-align: left; border: solid 1px #55DD44">
|
||||
test de texte assez long pour engendrer des retours à la ligne automatique...
|
||||
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
||||
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
</table>
|
||||
<br>
|
||||
Ca marche toujours !<br>
|
||||
De plus, vous pouvez faire des sauts de page manuellement en utilisant les balises <page> </page>, comme ici par exemple :
|
||||
</page>
|
||||
<page pageset="old">
|
||||
Nouvelle page !!!!
|
||||
</page>
|
||||
89
html2pdf-master/examples/res/example04.php
Normal file
89
html2pdf-master/examples/res/example04.php
Normal file
@ -0,0 +1,89 @@
|
||||
<style type="text/css">
|
||||
<!--
|
||||
div.special { margin: auto; width:95%; border:1px solid #000000; padding: 2px; }
|
||||
div.special table { width:100%; border:1px solid #000000; font-size:10px; border-collapse:collapse; }
|
||||
.topLeftRight { border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;}
|
||||
.topLeftBottom { border-top:1px solid #000; border-left:1px solid #000; border-bottom:1px solid #000; }
|
||||
.topLeft { border-top:1px solid #000; border-left:1px solid #000; }
|
||||
.bottomLeft { border-bottom:1px solid #000; border-left:1px solid #000; }
|
||||
.topRight { border-top:1px solid #000; border-right:1px solid #000; }
|
||||
.bottomRight { border-bottom:1px solid #000; border-right:1px solid #000; }
|
||||
.topRightBottom { border-top:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000; }
|
||||
-->
|
||||
</style>
|
||||
<page style="font-size: 16px" >
|
||||
Vous pouvez choisir le format et l'orientation de votre document, en utilisant ceci :<br>
|
||||
<br>
|
||||
<page orientation="portrait" format="A5" > <i>A5 en portrait</i> </page> <br>
|
||||
<br>
|
||||
<page orientation="paysage" format="100x200" > <i>100mm x 200mm en paysage</i> </page><br>
|
||||
<br>
|
||||
En voici un petit exemple !
|
||||
</page>
|
||||
<page orientation="paysage" style="font-size: 18px">
|
||||
Ceci est une page en paysage<br>
|
||||
<table style="width: 100%; border: solid 1px #FFFFFF;">
|
||||
<tr>
|
||||
<td style="width: 30%; border: solid 1px #FF0000;">AAA</td>
|
||||
<td style="width: 40%; border: solid 1px #00FF00;">BBB</td>
|
||||
<td style="width: 30%; border: solid 1px #0000FF;">CCC</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width: 30%; border: solid 1px #FF0000;">AAA</td>
|
||||
<td style="width: 40%; border: solid 1px #00FF00;">BBB</td>
|
||||
<td style="width: 30%; border: solid 1px #0000FF;">CCC</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width: 30%; border: solid 1px #FF0000;">AAA</td>
|
||||
<td style="width: 40%; border: solid 1px #00FF00;">BBB</td>
|
||||
<td style="width: 30%; border: solid 1px #0000FF;">CCC</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div style="width: 70%; border: solid 1mm #770000; margin: 1mm; padding: 2mm; font-size: 4mm; line-height: normal; text-align: justify">
|
||||
<img src="./res/logo.gif" alt="logo html2pdf" style="float: left; width: 60mm; margin: 2mm;">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum, nibh eu ultricies scelerisque, est lorem dignissim elit, quis tempus tortor eros non ipsum. Mauris convallis augue ac sapien. In scelerisque dignissim elit. Donec consequat semper lectus. Sed in quam. Nunc molestie hendrerit ipsum. Curabitur elit risus, rhoncus ut, mattis a, convallis eu, neque. Morbi luctus est sit amet nunc. In nisl. Donec magna libero, aliquet eu, vestibulum ut, mollis sed, felis.
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum, nibh eu ultricies scelerisque, est lorem dignissim elit, quis tempus tortor eros non ipsum. Mauris convallis augue ac sapien. In scelerisque dignissim elit. Donec consequat semper lectus. Sed in quam. Nunc molestie hendrerit ipsum. Curabitur elit risus, rhoncus ut, mattis a, convallis eu, neque. Morbi luctus est sit amet nunc. In nisl. Donec magna libero, aliquet eu, vestibulum ut, mollis sed, felis.
|
||||
</div>
|
||||
<div style="width: 70%; border: solid 1mm #770000; margin: 1mm; padding: 2mm; font-size: 4mm; line-height: 150%;text-align: right;">
|
||||
<img src="./res/logo.gif" alt="logo html2pdf" style="float: right; width: 60mm; margin: 2mm; ">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum, nibh eu ultricies scelerisque, est lorem dignissim elit, quis tempus tortor eros non ipsum. Mauris convallis augue ac sapien. In scelerisque dignissim elit. Donec consequat semper lectus. Sed in quam. Nunc molestie hendrerit ipsum. Curabitur elit risus, rhoncus ut, mattis a, convallis eu, neque. Morbi luctus est sit amet nunc. In nisl. Donec magna libero, aliquet eu, vestibulum ut, mollis sed, felis.
|
||||
</div>
|
||||
<fieldset style="width: 70%; border: solid 1mm #770000; margin: 1mm; padding: 2mm; padding-top: 0mm; font-size: 4mm; line-height: normal; background: #FFFFFF;">
|
||||
<legend style=" background: #FFFFFF; padding: 1; border: solid 1px #440000;">Ceci est un exemple de fieldset</legend>
|
||||
<img src="./res/logo.gif" alt="logo html2pdf" style="float: left; width: 60mm; margin: 2mm; ">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum, nibh eu ultricies scelerisque, est lorem dignissim elit, quis tempus tortor eros non ipsum. Mauris convallis augue ac sapien. In scelerisque dignissim elit. Donec consequat semper lectus. Sed in quam. Nunc molestie hendrerit ipsum. Curabitur elit risus, rhoncus ut, mattis a, convallis eu, neque. Morbi luctus est sit amet nunc. In nisl. Donec magna libero, aliquet eu, vestibulum ut, mollis sed, felis.
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum, nibh eu ultricies scelerisque, est lorem dignissim elit, quis tempus tortor eros non ipsum. Mauris convallis augue ac sapien. In scelerisque dignissim elit. Donec consequat semper lectus. Sed in quam. Nunc molestie hendrerit ipsum. Curabitur elit risus, rhoncus ut, mattis a, convallis eu, neque. Morbi luctus est sit amet nunc. In nisl. Donec magna libero, aliquet eu, vestibulum ut, mollis sed, felis.
|
||||
</fieldset>
|
||||
</page>
|
||||
<page orientation="portrait" format="150x200" style="font-size: 18px">
|
||||
Ceci est une page en portrait de 150mm x 200mm<br>
|
||||
<table style="width: 100%; border: solid 1px #FFFFFF;">
|
||||
<tr>
|
||||
<td style="width: 30%; border: solid 1px #FF0000;">AAA</td>
|
||||
<td style="width: 40%; border: solid 1px #00FF00;">BBB</td>
|
||||
<td style="width: 30%; border: solid 1px #0000FF;">CCC</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width: 30%; border: solid 1px #FF0000;">AAA</td>
|
||||
<td style="width: 40%; border: solid 1px #00FF00;">BBB</td>
|
||||
<td style="width: 30%; border: solid 1px #0000FF;">CCC</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width: 30%; border: solid 1px #FF0000;">AAA</td>
|
||||
<td style="width: 40%; border: solid 1px #00FF00;">BBB</td>
|
||||
<td style="width: 30%; border: solid 1px #0000FF;">CCC</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<div class="special">
|
||||
<table>
|
||||
<tr>
|
||||
<td colspan="2" class="topLeftRight" style="width: 100%; text-align:left;border-bottom:1px dashed #000000">blabla blabla</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="bottomLeft" style="width:70%;border-right:1px dashed #000000;text-align:left;">blabla blabla</td>
|
||||
<td class="bottomRight" style="width: 30%; text-align:left;vertical-align:top;">Date :<br /> Signature :</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</page>
|
||||
87
html2pdf-master/examples/res/example05.php
Normal file
87
html2pdf-master/examples/res/example05.php
Normal file
@ -0,0 +1,87 @@
|
||||
<style type="text/css">
|
||||
<!--
|
||||
table
|
||||
{
|
||||
width: 100%;
|
||||
border: solid 1px #5544DD;
|
||||
}
|
||||
|
||||
th
|
||||
{
|
||||
text-align: center;
|
||||
border: solid 1px #113300;
|
||||
background: #EEFFEE;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
text-align: left;
|
||||
border: solid 1px #55DD44;
|
||||
}
|
||||
|
||||
td.col1
|
||||
{
|
||||
border: solid 1px red;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
end_last_page div
|
||||
{
|
||||
border: solid 1mm red;
|
||||
height: 27mm;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
-->
|
||||
</style>
|
||||
<span style="font-size: 20px; font-weight: bold">Démonstration des retour à la ligne automatique, ainsi que des sauts de page automatique<br></span>
|
||||
<br>
|
||||
<br>
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 5%" class="col1">
|
||||
<col style="width: 25%">
|
||||
<col style="width: 30%">
|
||||
<col style="width: 40%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th rowspan="2">n°</th>
|
||||
<th colspan="3" style="font-size: 16px;">
|
||||
Titre du tableau
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Colonne 1</th>
|
||||
<th>Colonne 2</th>
|
||||
<th>Colonne 3</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<?php
|
||||
for ($k=0; $k<50; $k++) {
|
||||
?>
|
||||
<tr>
|
||||
<td><?php echo $k; ?></td>
|
||||
<td>test de texte assez long pour engendrer des retours à la ligne automatique...</td>
|
||||
<td>test de texte assez long pour engendrer des retours à la ligne automatique...</td>
|
||||
<td>test de texte assez long pour engendrer des retours à la ligne automatique...</td>
|
||||
</tr>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th colspan="4" style="font-size: 16px;">
|
||||
bas du tableau
|
||||
</th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
Cool non ?<br>
|
||||
<end_last_page end_height="30mm">
|
||||
<div>
|
||||
Ceci est un test de fin de page
|
||||
</div>
|
||||
</end_last_page>
|
||||
12
html2pdf-master/examples/res/example06.css
Normal file
12
html2pdf-master/examples/res/example06.css
Normal file
@ -0,0 +1,12 @@
|
||||
.titre
|
||||
{
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
* {color: #FF0000; }
|
||||
H1 {color: #AA0055; }
|
||||
H2 {color: #990066; }
|
||||
H3 {color: #880077; }
|
||||
H4 {color: #770088; }
|
||||
H5 {color: #660099; }
|
||||
H6 {color: #5500AA; }
|
||||
45
html2pdf-master/examples/res/example06.php
Normal file
45
html2pdf-master/examples/res/example06.php
Normal file
@ -0,0 +1,45 @@
|
||||
<link type="text/css" href="./res/example06.css" rel="stylesheet" />
|
||||
<style type="text/css">
|
||||
<!--
|
||||
/* commentaire dans un css */
|
||||
table, td { border: solid 1px #000000; color: #0000AA; }
|
||||
td.col1 { color: #00AA00; }
|
||||
|
||||
/* autre commentaire */
|
||||
table.liste { border: solid 2px #FF0000; }
|
||||
table.liste td { background: #DDDDDD; }
|
||||
table.liste td.col1 { color: #FF0000; }
|
||||
-->
|
||||
</style>
|
||||
<page>
|
||||
<table>
|
||||
<tr>
|
||||
<td>Ceci est un</td>
|
||||
<td class="col1">test de style</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<table class="liste">
|
||||
<tr>
|
||||
<td>Ceci est un</td>
|
||||
<td class="col1">test de style</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<H1>Essai de titre en H1</H1>
|
||||
<H2>Essai de titre en H2</H2>
|
||||
<H3>Essai de titre en H3</H3>
|
||||
<H4>Essai de titre en H4</H4>
|
||||
<H5>Essai de titre en H5</H5>
|
||||
<H6>Essai de titre en H6</H6>
|
||||
<H6 class="titre">Essai de titre en H6</H6>
|
||||
<H5 class="titre">Essai de titre en H5</H5>
|
||||
<H4 class="titre">Essai de titre en H4</H4>
|
||||
<H3 class="titre">Essai de titre en H3</H3>
|
||||
<H2 class="titre">Essai de titre en H2</H2>
|
||||
<H1 class="titre">Essai de titre en H1</H1>
|
||||
<br>
|
||||
<s>Texte barré !</s><br>
|
||||
<br>
|
||||
<span>Texte avec la couleur par défault (style *)</span><br>
|
||||
</page>
|
||||
138
html2pdf-master/examples/res/example07a.php
Normal file
138
html2pdf-master/examples/res/example07a.php
Normal file
@ -0,0 +1,138 @@
|
||||
<style type="text/css">
|
||||
<!--
|
||||
table { vertical-align: top; }
|
||||
tr { vertical-align: top; }
|
||||
td { vertical-align: top; }
|
||||
-->
|
||||
</style>
|
||||
<page backcolor="#FEFEFE" backimg="./res/bas_page.png" backimgx="center" backimgy="bottom" backimgw="100%" backtop="0" backbottom="30mm" footer="date;time;page" style="font-size: 12pt">
|
||||
<bookmark title="Lettre" level="0" ></bookmark>
|
||||
<table cellspacing="0" style="width: 100%; text-align: center; font-size: 14px">
|
||||
<tr>
|
||||
<td style="width: 75%;">
|
||||
</td>
|
||||
<td style="width: 25%; color: #444444;">
|
||||
<img style="width: 100%;" src="./res/logo.gif" alt="Logo"><br>
|
||||
RELATION CLIENT
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<br>
|
||||
<table cellspacing="0" style="width: 100%; text-align: left; font-size: 11pt;">
|
||||
<tr>
|
||||
<td style="width:50%;"></td>
|
||||
<td style="width:14%; ">Client :</td>
|
||||
<td style="width:36%">M. Albert Dupont</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:50%;"></td>
|
||||
<td style="width:14%; ">Adresse :</td>
|
||||
<td style="width:36%">
|
||||
Résidence perdue<br>
|
||||
1, rue sans nom<br>
|
||||
00 000 - Pas de Ville<br>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:50%;"></td>
|
||||
<td style="width:14%; ">Email :</td>
|
||||
<td style="width:36%">nomail@domain.com</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:50%;"></td>
|
||||
<td style="width:14%; ">Tel :</td>
|
||||
<td style="width:36%">33 (0) 1 00 00 00 00</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<br>
|
||||
<table cellspacing="0" style="width: 100%; text-align: left;font-size: 10pt">
|
||||
<tr>
|
||||
<td style="width:50%;"></td>
|
||||
<td style="width:50%; ">Spipu Ville, le <?php echo date('d/m/Y'); ?></td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<i>
|
||||
<b><u>Objet </u>: « Bon de Retour »</b><br>
|
||||
Compte client : 00C4520100A<br>
|
||||
Référence du Dossier : 71326<br>
|
||||
</i>
|
||||
<br>
|
||||
<br>
|
||||
Madame, Monsieur, Cher Client,<br>
|
||||
<br>
|
||||
<br>
|
||||
Nous souhaitons vous informer que le dossier <b>71326</b> concernant un « Bon de Retour » pour les articles suivants a été accepté.<br>
|
||||
<br>
|
||||
<table cellspacing="0" style="width: 100%; border: solid 1px black; background: #F7F7F7; font-size: 10pt;">
|
||||
<colgroup>
|
||||
<col style="width: 12%; text-align: left">
|
||||
<col style="width: 52%; text-align: left">
|
||||
<col style="width: 13%; text-align: right">
|
||||
<col style="width: 10%; text-align: center">
|
||||
<col style="width: 13%; text-align: right">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr style="background: #E7E7E7;">
|
||||
<th style="border-bottom: solid 1px black;">Produit</th>
|
||||
<th style="border-bottom: solid 1px black;">Désignation</th>
|
||||
<th style="border-bottom: solid 1px black;">Prix Unitaire</th>
|
||||
<th style="border-bottom: solid 1px black;">Quantité</th>
|
||||
<th style="border-bottom: solid 1px black;">Prix Net</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php
|
||||
$nb = rand(5, 11);
|
||||
$produits = array();
|
||||
$total = 0;
|
||||
for ($k=0; $k<$nb; $k++) {
|
||||
$num = rand(100000, 999999);
|
||||
$nom = "le produit n°".rand(1, 100);
|
||||
$qua = rand(1, 20);
|
||||
$prix = rand(100, 9999)/100.;
|
||||
$total+= $prix*$qua;
|
||||
$produits[] = array($num, $nom, $qua, $prix, rand(0, $qua));
|
||||
?>
|
||||
<tr>
|
||||
<td><?php echo $num; ?></td>
|
||||
<td><?php echo $nom; ?></td>
|
||||
<td><?php echo number_format($prix, 2, ',', ' '); ?> €</td>
|
||||
<td><?php echo $qua; ?></td>
|
||||
<td><?php echo number_format($prix*$qua, 2, ',', ' '); ?> €</td>
|
||||
</tr>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
<tr style="background: #E7E7E7;">
|
||||
<th colspan="4" style="border-top: solid 1px black; text-align: right;">Total : </th>
|
||||
<th style="border-top: solid 1px black;"><?php echo number_format($total, 2, ',', ' '); ?> €</th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<br>
|
||||
Cette reprise concerne la quantité et les matériels dont la référence figure sur le <a href="#document_reprise">document de reprise joint</a>.<br>
|
||||
Nous vous demandons de nous retourner ces produits en parfait état et dans leur emballage d'origine.<br>
|
||||
<br>
|
||||
Nous vous demandons également de coller impérativement l'autorisation de reprise jointe, sur le colis à reprendre afin de faciliter le traitement à l'entrepôt.<br>
|
||||
<br>
|
||||
Notre Service Clients ne manquera pas de revenir vers vous dès que l'avoir de ces matériels sera établi.<br>
|
||||
<nobreak>
|
||||
<br>
|
||||
Dans cette attente, nous vous prions de recevoir, Madame, Monsieur, Cher Client, nos meilleures salutations.<br>
|
||||
<br>
|
||||
<table cellspacing="0" style="width: 100%; text-align: left;">
|
||||
<tr>
|
||||
<td style="width:50%;"></td>
|
||||
<td style="width:50%; ">
|
||||
Mle Jesuis CELIBATAIRE<br>
|
||||
Service Relation Client<br>
|
||||
Tel : 33 (0) 1 00 00 00 00<br>
|
||||
Email : on_va@chez.moi<br>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</nobreak>
|
||||
</page>
|
||||
176
html2pdf-master/examples/res/example07b.php
Normal file
176
html2pdf-master/examples/res/example07b.php
Normal file
@ -0,0 +1,176 @@
|
||||
<page orientation="paysage" >
|
||||
<bookmark title="Document" level="0" ></bookmark>
|
||||
<a name="document_reprise"></a>
|
||||
<table cellspacing="0" style="width: 100%;">
|
||||
<tr>
|
||||
<td style="width: 10%;">
|
||||
<img style="width: 100%" src="./res/logo.gif" alt="Logo Html2Pdf" >
|
||||
</td>
|
||||
<td style="width: 80%; text-align: center; text-decoration: underline; font-weight: bold; font-size: 20pt;">
|
||||
<span style="font-size: 10pt"><br></span>
|
||||
ACCORD DE RETOUR
|
||||
</td>
|
||||
<td style="width: 10%;">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table cellspacing="0" style="width: 100%;">
|
||||
<tr>
|
||||
<td style="width: 55% ">
|
||||
<table cellspacing="0" style="width: 100%; border: solid 2px #000000; ">
|
||||
<tr>
|
||||
<td style="width: 100%; font-size: 12pt;">
|
||||
<span style="font-size: 15pt; font-weight: bold;">ADRESSE DE RETOUR<br></span>
|
||||
<br>
|
||||
<b>Entrepot des Bois</b><br>
|
||||
sur une grande route<br>
|
||||
00000 - Spipu Ville<br>
|
||||
<br>
|
||||
Date : <?php echo date('d/m/Y'); ?><br>
|
||||
Dossier suivi par <b>Mle Jesuis CELIBATAIRE</b><br>
|
||||
Tel : 33 (0) 1 00 00 00 00<br>
|
||||
Email : on_va@chez.moi<br>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
</td>
|
||||
<td style="width: 4%"></td>
|
||||
<td style="width: 37% ">
|
||||
<table cellspacing="0" style="width: 100%; border: solid 2px #000000; font-size: 12pt;">
|
||||
<tr><td style="width: 40%;">Référence : </td><td style="width: 60%;">71326</td></tr>
|
||||
<tr><td style="width: 40%;">Client : </td><td style="width: 60%;">M. Albert Dupont</td></tr>
|
||||
<tr><td style="width: 40%;">Adresse : </td><td style="width: 60%;">Résidence perdue<br>1, rue sans nom<br>00 000 - Pas de Ville</td></tr>
|
||||
<tr><td style="width: 40%;">TEL : </td><td style="width: 60%;">33 (0) 1 00 00 00 00</td></tr>
|
||||
<tr><td style="width: 40%;">FAX : </td><td style="width: 60%;">33 (0) 1 00 00 00 01</td></tr>
|
||||
<tr><td style="width: 40%;">Code Client : </td><td style="width: 60%;">00C4520100A</td></tr>
|
||||
</table>
|
||||
<table cellspacing="0" style="width: 100%; border: solid 2px #000000">
|
||||
<tr>
|
||||
<th style="width: 40%;">Motif de la Reprise</th>
|
||||
<td style="width: 60%;">Produit non Conforme</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
</td>
|
||||
<td style="width: 4%"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:55%;">
|
||||
<table cellspacing="0" style="padding: 1px; width: 100%; border: solid 2px #000000; font-size: 11pt; ">
|
||||
<tr>
|
||||
<th style="width: 100%; text-align: center; border: solid 1px #000000;" colspan="4">
|
||||
Partie réservée à Spipu Corp
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th style="width: 100%; text-align: center; border: solid 1px #000000;" colspan="4">
|
||||
QUANTITE PREVUE AU CHARGEMENT
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th style="width: 15%; border: solid 1px #000000;">Produit</th>
|
||||
<th style="width: 55%; border: solid 1px #000000;">Designation</th>
|
||||
<th style="width: 15%; border: solid 1px #000000;">Neuf</th>
|
||||
<th style="width: 15%; border: solid 1px #000000;">Abîmé</th>
|
||||
</tr>
|
||||
<?php
|
||||
$i=0;
|
||||
foreach ($produits as $produit) {
|
||||
$i++;
|
||||
?>
|
||||
<tr>
|
||||
<td style="width: 15%; border: solid 1px #000000;"><?php echo $produit[0]; ?></td>
|
||||
<td style="width: 55%; border: solid 1px #000000;text-align: left;"><?php echo $produit[1]; ?></td>
|
||||
<td style="width: 15%; border: solid 1px #000000;"><?php echo $produit[4]; ?></td>
|
||||
<td style="width: 15%; border: solid 1px #000000;"><?php echo $produit[2]-$produit[4]; ?></td>
|
||||
</tr>
|
||||
|
||||
<?php
|
||||
}
|
||||
for ($i; $i<12; $i++) {
|
||||
?>
|
||||
<tr>
|
||||
<td style="width: 15%; border: solid 1px #000000;"> </td>
|
||||
<td style="width: 55%; border: solid 1px #000000;"> </td>
|
||||
<td style="width: 15%; border: solid 1px #000000;"> </td>
|
||||
<td style="width: 15%; border: solid 1px #000000;"> </td>
|
||||
</tr>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
</table>
|
||||
<br>
|
||||
<table cellspacing="0" style="width: 100%; text-align: left; font-size: 8pt">
|
||||
<tr>
|
||||
<td style="width: 100%">
|
||||
<b><u>Conditions des Retours</u></b><br>
|
||||
1 - il faut des conditions<br>
|
||||
2 - encore des conditions<br>
|
||||
3 - toujours des conditions<br>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<table cellspacing="0" style="width: 100%; border: solid 2px #000000; text-align: center; font-size: 10pt">
|
||||
<tr>
|
||||
<td style="width: 30%"></td>
|
||||
<td style="width: 40%">ACCORD SOCIETE</td>
|
||||
<td style="width: 30%"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width: 30%"><br><br>M. XX</td>
|
||||
<td style="width: 40%"></td>
|
||||
<td style="width: 30%"><br><br>Mme XY</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td style="width: 4%"></td>
|
||||
<td style="width: 37%;">
|
||||
<table cellspacing="0" style="padding: 1px; width: 100%; border: solid 2px #000000; font-size: 11pt; ">
|
||||
<tr>
|
||||
<th style="width: 100%; text-align: center; border: solid 1px #000000;" colspan="2">
|
||||
Partie réservée à l'entrepôt
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th style="width: 100%; text-align: center; border: solid 1px #000000;" colspan="2">
|
||||
QUANTITE PREVUE AU CHARGEMENT
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th style="width: 50%; border: solid 1px #000000;">Produit neuf </th>
|
||||
<th style="width: 50%; border: solid 1px #000000;">Produit à reconditionner </th>
|
||||
</tr>
|
||||
<?php
|
||||
for ($i=0; $i<12; $i++) {
|
||||
?>
|
||||
<tr>
|
||||
<td style="width: 50%; border: solid 1px #000000;"> </td>
|
||||
<td style="width: 50%; border: solid 1px #000000;"> </td>
|
||||
</tr>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
</table>
|
||||
<br>
|
||||
<table cellspacing="0" style="width: 100%; border: solid 2px #000000; text-align: left; font-size: 10pt">
|
||||
<tr>
|
||||
<th style="width: 30%;">
|
||||
Commentaire<br>
|
||||
Retour :<br>
|
||||
<br>
|
||||
<br>
|
||||
</th>
|
||||
<td style="width: 70%;">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<br>
|
||||
<span style="font-size: 13pt"><b><u>A COLLER IMPERATIVEMENT SUR LES COLIS</u></b></span>
|
||||
</td>
|
||||
<td style="width: 4%"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</page>
|
||||
114
html2pdf-master/examples/res/example08.php
Normal file
114
html2pdf-master/examples/res/example08.php
Normal file
@ -0,0 +1,114 @@
|
||||
<style type="text/css">
|
||||
<!--
|
||||
table
|
||||
{
|
||||
padding: 0;
|
||||
border: solid 1mm LawnGreen;
|
||||
font-size: 12pt;
|
||||
background: #FFFFFF;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 1mm;
|
||||
border: solid 1mm black;
|
||||
}
|
||||
|
||||
td.div
|
||||
{
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
text-align: left;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
td.div div
|
||||
{
|
||||
margin: auto;
|
||||
background: yellow;
|
||||
border: solid 2px blue;
|
||||
color: red;
|
||||
width: 100px;
|
||||
height: 65px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
-->
|
||||
</style>
|
||||
<page backcolor="#AACCFF" backleft="5mm" backright="5mm" backtop="10mm" backbottom="10mm" >
|
||||
<table>
|
||||
<tr>
|
||||
<td class="div"><div style="rotate: 0;">Hello ! ceci <b>est</b> un test !<br><img src="./res/logo.png" style="width: 80px;" alt="logo"></div></td>
|
||||
<td class="div"><div style="rotate: 270;">Hello ! ceci <b>est</b> un test !<br><img src="./res/logo.png" style="width: 80px;" alt="logo"></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="div"><div style="rotate: 90;">Hello ! ceci <b>est</b> un test !<br><img src="./res/logo.png" style="width: 80px;" alt="logo"></div></td>
|
||||
<td class="div"><div style="rotate: 180;">Hello ! ceci <b>est</b> un test !<br><img src="./res/logo.png" style="width: 80px;" alt="logo"></div></td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<table cellspacing="4">
|
||||
<tr>
|
||||
<td>a A1</td>
|
||||
<td>aa A2</td>
|
||||
<td>aaa A3</td>
|
||||
<td>aaaa A4</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td rowspan="2">B1</td>
|
||||
<td style="font-size: 16pt">B2</td>
|
||||
<td colspan="2">B3</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>C1</td>
|
||||
<td>C2</td>
|
||||
<td>C3</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">D1</td>
|
||||
<td colspan="2">D2</td>
|
||||
</tr>
|
||||
</table>
|
||||
<hr>
|
||||
<table>
|
||||
<tr>
|
||||
<td colspan="2">CoucouCoucou !</td>
|
||||
<td>B</td>
|
||||
<td>CC</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>AA</td>
|
||||
<td colspan="2">CoucouCoucou !</td>
|
||||
<td>CC</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>AA</td>
|
||||
<td>B</td>
|
||||
<td colspan="2">CoucouCoucou !</td>
|
||||
</tr>
|
||||
</table>
|
||||
<hr>
|
||||
<table style="background: #FFFFFF">
|
||||
<tr>
|
||||
<td>AA</td>
|
||||
<td>AA</td>
|
||||
<td>AA</td>
|
||||
<td rowspan="2">AA</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>AA</td>
|
||||
<td rowspan="2" colspan="2" >CoucouCoucou !</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>AA</td>
|
||||
<td>CC</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">D1</td>
|
||||
<td colspan="2">D2</td>
|
||||
</tr>
|
||||
</table>
|
||||
<hr>
|
||||
</page>
|
||||
35
html2pdf-master/examples/res/example09.png.php
Normal file
35
html2pdf-master/examples/res/example09.png.php
Normal file
@ -0,0 +1,35 @@
|
||||
<?php
|
||||
$px = isset($_GET['px']) ? $_GET['px'] : 0;
|
||||
$px = preg_replace('/[^0-9]/isU', '', $px);
|
||||
|
||||
$py = isset($_GET['py']) ? $_GET['py'] : 0;
|
||||
$py = preg_replace('/[^0-9]/isU', '', $py);
|
||||
|
||||
if ($px<1) {
|
||||
$px = 5;
|
||||
}
|
||||
if ($py<1) {
|
||||
$py = 5;
|
||||
}
|
||||
|
||||
if ($px>20) {
|
||||
$px = 20;
|
||||
}
|
||||
if ($py>20) {
|
||||
$py = 20;
|
||||
}
|
||||
|
||||
$width = 100;
|
||||
$height = 100;
|
||||
$im = imagecreatetruecolor($width, $height);
|
||||
|
||||
for ($y=0; $y<$height; $y+= $py) {
|
||||
for ($x=0; $x<$width; $x+= $px) {
|
||||
$c = imagecolorallocate($im, 200-$x, 100+$y, 100+$x-$y);
|
||||
imagefilledrectangle($im, $x, $y, $x+$px, $y+$py, $c);
|
||||
}
|
||||
}
|
||||
|
||||
header("Content-type: image/png");
|
||||
imagepng($im);
|
||||
imagedestroy($im);
|
||||
120
html2pdf-master/examples/res/example10.php
Normal file
120
html2pdf-master/examples/res/example10.php
Normal file
@ -0,0 +1,120 @@
|
||||
<style type="text/css">
|
||||
<!--
|
||||
div.minifiche
|
||||
{
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
width: 454px;
|
||||
height: 138px;
|
||||
padding: 0;
|
||||
font-size: 11px;
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
background-image: url(./res/example10a.gif);
|
||||
}
|
||||
div.minifiche img.icone { position: absolute; border: none; left: 5px; top: 5px; width: 240px; height: 128px;overflow: hidden; }
|
||||
div.minifiche div.zone1 { position: absolute; border: none; left: 257px; top: 8px; width: 188px; height: 14px; padding-top: 1px; overflow: hidden; text-align: center; font-weight: bold; }
|
||||
div.minifiche div.zone2 { position: absolute; border: none; left: 315px; top: 28px; width: 131px; height: 14px; padding-top: 1px; overflow: hidden; text-align: left; font-weight: normal; }
|
||||
div.minifiche div.zone3 { position: absolute; border: none; left: 315px; top: 48px; width: 131px; height: 14px; padding-top: 1px; overflow: hidden; text-align: left; font-weight: normal; }
|
||||
div.minifiche div.zone4 { position: absolute; border: none; left: 315px; top: 68px; width: 131px; height: 14px; padding-top: 1px; overflow: hidden; text-align: left; font-weight: normal; }
|
||||
div.minifiche div.zone5 { position: absolute; border: none; left: 315px; top: 88px; width: 131px; height: 14px; padding-top: 1px; overflow: hidden; text-align: left; font-weight: normal; }
|
||||
div.minifiche div.download { position: absolute; border: none; left: 257px; top: 108px;width: 188px; height: 22px; overflow: hidden; text-align: center; font-weight: normal; }
|
||||
-->
|
||||
</style>
|
||||
<page>
|
||||
<div style="position: absolute; width: 10mm; height: 10mm; left: 0; top: 0; border: solid 2px #0000EE; background: #AAAAEE"></div>
|
||||
<div style="position: absolute; width: 10mm; height: 10mm; right: 0; top: 0; border: solid 2px #00EE00; background: #AAEEAA"></div>
|
||||
<div style="position: absolute; width: 10mm; height: 10mm; left: 0; bottom: 0; border: solid 2px #EE0000; background: #EEAAAA"></div>
|
||||
<div style="position: absolute; width: 10mm; height: 10mm; right: 0; bottom: 0; border: solid 2px #EEEE00; background: #EEEEAA"></div>
|
||||
<table style="width: 100%">
|
||||
<tr>
|
||||
<td style="text-indent: 10mm; border: solid 1px #007700; width: 80%">
|
||||
<p>
|
||||
Ligne dans un paragraphe,
|
||||
test de texte assez long pour engendrer des retours à la ligne automatique... a b c d e f g h i j k l m n o p q r s t u v w x y z a b c d e f g h i j k l m n o p q r s t u v w x y z
|
||||
test de texte assez long pour engendrer des retours à la ligne automatique... a b c d e f g h i j k l m n o p q r s t u v w x y z a b c d e f g h i j k l m n o p q r s t u v w x y z
|
||||
</p>
|
||||
<p>
|
||||
Ligne dans un paragraphe,
|
||||
test de texte assez long pour engendrer des retours à la ligne automatique... a b c d e f g h i j k l m n o p q r s t u v w x y z a b c d e f g h i j k l m n o p q r s t u v w x y z
|
||||
test de texte assez long pour engendrer des retours à la ligne automatique... a b c d e f g h i j k l m n o p q r s t u v w x y z a b c d e f g h i j k l m n o p q r s t u v w x y z
|
||||
</p>
|
||||
</td>
|
||||
<td style="border: solid 1px #000077; width: 20%">
|
||||
Test de paragraphe :)
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<hr>
|
||||
<div class="minifiche" >
|
||||
<img class="icone" src="./res/example10b.jpg" alt="Html2Pdf" >
|
||||
<div class="zone1">Html2Pdf</div>
|
||||
<div class="zone2">PHP</div>
|
||||
<div class="zone3">Utilitaire</div>
|
||||
<div class="zone4">1.00</div>
|
||||
<div class="zone5">01/01/1901</div>
|
||||
<div class="download"><img src="./res/example10c.gif" alt="" style="border: none;"></div>
|
||||
</div>
|
||||
<hr>
|
||||
<div style="border: solid 1px #000000; margin: 0; padding: 0; background: rgb(255, 255, 255); width: 400px; height: 300px; position: relative;">
|
||||
<div style="border-style: solid; border-color: transparent rgb(170, 34, 34) rgb(170, 34, 34) transparent; border-width: 39.5px 59px; position: absolute; left: 101px; top: 52px; height: 0pt; width: 0pt;"></div>
|
||||
<div style="border-style: solid; border-color: rgb(34, 170, 34) rgb(34, 170, 34) transparent transparent; border-width: 59px 39.5px; position: absolute; left: 101px; top: 131px; height: 0pt; width: 0pt;"></div>
|
||||
<div style="border-style: solid; border-color: rgb(34, 34, 170) transparent transparent rgb(34, 34, 170); border-width: 39.5px 59px; position: absolute; left: 180px; top: 170px; height: 0pt; width: 0pt;"></div>
|
||||
<div style="border-style: solid; border-color: transparent transparent rgb(170, 170, 34) rgb(170, 170, 34); border-width: 59px 39.5px; position: absolute; left: 219px; top: 52px; height: 0pt; width: 0pt;"></div>
|
||||
<div style="position: absolute; left: 10px; top: 10px; font-size: 20px; font-family: Arial;">Exemple</div>
|
||||
</div>
|
||||
<hr>
|
||||
<pre><?php
|
||||
ob_start();
|
||||
readfile(dirname(__FILE__).'/../example10.php');
|
||||
echo htmlentities(ob_get_clean());
|
||||
?></pre>
|
||||
</page>
|
||||
<page orientation="paysage" >
|
||||
<style type="text/css">
|
||||
<!--
|
||||
|
||||
div.main
|
||||
{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
margin-left: -80mm;
|
||||
width: 160mm;
|
||||
height: 100mm;
|
||||
text-align: center;
|
||||
border: solid 10px #111111;
|
||||
background: #222222;
|
||||
color: #FFFFFF;
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.main a
|
||||
{
|
||||
text-decoration: none;
|
||||
color: #EEEEEE;
|
||||
}
|
||||
|
||||
div.main a:hover
|
||||
{
|
||||
text-decoration: underline;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
-->
|
||||
</style>
|
||||
<div class="main">
|
||||
<div style="position: absolute; top: 5mm; left: 5mm; font-size:12pt;text-align: left;">Spipu.net</div><br>
|
||||
<div style="position: absolute; bottom: 5mm; right: 5mm; font-size:12pt; text-align: right; ">(c)<?php echo date('Y'); ?> Spipu</div>
|
||||
<br><br><br>
|
||||
<a href="http://cineblog.spipu.net/" >Cineblog by Spipu </a><br><br>
|
||||
<a href="http://html2pdf.fr/" >Html2Pdf </a><br><br>
|
||||
<a href="http://lambda.spipu.net/" >Lambda Finder </a><br><br>
|
||||
<a href="http://open.spipu.net/" >Gestion des Opens - Yaronet </a><br><br>
|
||||
<a href="http://perso.spipu.net/" >A propos de moi </a><br><br>
|
||||
<a href="http://prgm.spipu.net/" >Programmes by Spipu </a><br><br>
|
||||
<br><br><br>
|
||||
</div>
|
||||
</page>
|
||||
BIN
html2pdf-master/examples/res/example10a.gif
Normal file
BIN
html2pdf-master/examples/res/example10a.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
html2pdf-master/examples/res/example10b.jpg
Normal file
BIN
html2pdf-master/examples/res/example10b.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
html2pdf-master/examples/res/example10c.gif
Normal file
BIN
html2pdf-master/examples/res/example10c.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 625 B |
27
html2pdf-master/examples/res/example11.php
Normal file
27
html2pdf-master/examples/res/example11.php
Normal file
@ -0,0 +1,27 @@
|
||||
<div style="border: 1px solid rgb(0, 0, 0); margin: 0; padding: 0; background: rgb(255, 255, 255); width: 400px; height: 300px;">
|
||||
<div style="border-style: solid; border-color: transparent rgb(170, 34, 170) rgb(170, 34, 170) transparent; border-width: 18px 56px; position: absolute; left: 111px; top: 69px; height: 0pt; width: 0pt;"></div><div style="border-style: solid; border-color: rgb(170, 34, 170) transparent transparent rgb(170, 34, 170); border-width: 18px 9px; position: absolute; left: 223px; top: 69px; height: 0pt; width: 0pt;"></div><div style="border-style: solid; border-color: transparent rgb(170, 34, 170) rgb(170, 34, 170) transparent; border-width: 3px 9px; position: absolute; left: 223px; top: 63px; height: 0pt; width: 0pt;"></div><div style="border-style: solid; border-color: rgb(170, 34, 170) transparent transparent rgb(170, 34, 170); border-width: 3px 1.5px; position: absolute; left: 241px; top: 63px; height: 0pt; width: 0pt;"></div><div style="border-style: solid; border-color: transparent rgb(170, 34, 170) rgb(170, 34, 170) transparent; border-width: 0.5px 1.5px; position: absolute; left: 241px; top: 62px; height: 0pt; width: 0pt;"></div><div style="border-style: solid; border-color: rgb(170, 34, 170) rgb(170, 34, 170) transparent transparent; border-width: 67px 22px; position: absolute; left: 111px; top: 105px; height: 0pt; width: 0pt;"></div><div style="border-style: solid; border-color: rgb(170, 34, 170) transparent transparent rgb(170, 34, 170); border-width: 67px 34px; position: absolute; left: 155px; top: 105px; height: 0pt; width: 0pt;"></div><div style="border-style: solid; border-color: transparent rgb(34, 170, 170) rgb(34, 170, 170) transparent; border-width: 67px 33.5px; position: absolute; left: 178px; top: 61px; height: 0pt; width: 0pt;"></div><div style="border-style: solid; border-color: transparent transparent rgb(34, 170, 170) rgb(34, 170, 170); border-width: 67px 22px; position: absolute; left: 245px; top: 61px; height: 0pt; width: 0pt;"></div><div style="border-style: solid; border-color: rgb(34, 170, 170) transparent transparent rgb(34, 170, 170); border-width: 18px 55.5px; position: absolute; left: 178px; top: 195px; height: 0pt; width: 0pt;"></div><div style="border-style: solid; border-color: transparent rgb(34, 170, 170) rgb(34, 170, 170) transparent; border-width: 18px 9px; position: absolute; left: 160px; top: 195px; height: 0pt; width: 0pt;"></div><div style="border-style: solid; border-color: rgb(34, 170, 170) transparent transparent rgb(34, 170, 170); border-width: 3px 9px; position: absolute; left: 160px; top: 231px; height: 0pt; width: 0pt;"></div><div style="border-style: solid; border-color: transparent rgb(34, 170, 170) rgb(34, 170, 170) transparent; border-width: 3px 1.5px; position: absolute; left: 157px; top: 231px; height: 0pt; width: 0pt;"></div><div style="border-style: solid; border-color: rgb(34, 170, 170) transparent transparent rgb(34, 170, 170); border-width: 0.5px 1.5px; position: absolute; left: 157px; top: 237px; height: 0pt; width: 0pt;"></div>
|
||||
</div>
|
||||
<hr>
|
||||
<table style="width:100%;">
|
||||
<tr>
|
||||
<td id="mon_td_trop_grand" style="width:100%;">
|
||||
Test de TD très grand, en désactivant le test de TD ne devant pas depasser une page<br>
|
||||
via la méthode <b>setTestTdInOnePage</b>.<br>
|
||||
<table style="width:100%;">
|
||||
<?php
|
||||
for ($i=0; $i<=40; $i++) {
|
||||
?>
|
||||
<tr>
|
||||
<td style="border:1px solid red;width:100%;">
|
||||
test de texte assez long pour engendrer des retours à la ligne automatique...
|
||||
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
||||
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
||||
</td>
|
||||
</tr>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
114
html2pdf-master/examples/res/example12.php
Normal file
114
html2pdf-master/examples/res/example12.php
Normal file
@ -0,0 +1,114 @@
|
||||
<?php
|
||||
$chaine = 'test de texte assez long pour engendrer des retours à la ligne automatique...';
|
||||
$chaine.= ', répétitif car besoin d\'un retour à la ligne';
|
||||
$chaine.= ', répétitif car besoin d\'un retour à la ligne';
|
||||
$chaine.= ', répétitif car besoin d\'un retour à la ligne';
|
||||
$chaine.= ', répétitif car besoin d\'un retour à la ligne';
|
||||
?>
|
||||
<style type="text/css">
|
||||
<!--
|
||||
ul
|
||||
{
|
||||
background: #FFDDDD;
|
||||
border: solid 1px #FF0000;
|
||||
}
|
||||
|
||||
ol
|
||||
{
|
||||
background: #DDFFDD;
|
||||
border: solid 1px #00FF00;
|
||||
}
|
||||
|
||||
ul li
|
||||
{
|
||||
background: #DDFFAA;
|
||||
border: solid 1px #AAFF00;
|
||||
}
|
||||
|
||||
ol li
|
||||
{
|
||||
background: #AADDFF;
|
||||
border: solid 1px #00AAFF;
|
||||
}
|
||||
-->
|
||||
</style>
|
||||
<page style="font-size: 11px">
|
||||
<ul style="list-style-type: disc; width: 80%">
|
||||
<li>
|
||||
Point 1 :<br><?php echo $chaine; ?>
|
||||
</li>
|
||||
<li>
|
||||
Point 2 :<br><?php echo $chaine; ?>
|
||||
<ul style="list-style-type: circle">
|
||||
<li>
|
||||
Point 1 :<br><?php echo $chaine; ?>
|
||||
</li>
|
||||
<li>
|
||||
Point 2 :<br><?php echo $chaine; ?>
|
||||
<ul style="list-style-type: square">
|
||||
<li>
|
||||
Point 1 :<br><?php echo $chaine; ?>
|
||||
</li>
|
||||
<li>
|
||||
Point 2 :<br><?php echo $chaine; ?>
|
||||
</li>
|
||||
<li>
|
||||
Point 3 :<br><?php echo $chaine; ?>
|
||||
<ul style="list-style-image: url(./res/puce.gif)">
|
||||
<li>
|
||||
Puce en image 1 :<br><?php echo $chaine; ?>
|
||||
</li>
|
||||
<li>
|
||||
Puce en image 2 :<br><?php echo $chaine; ?>
|
||||
</li>
|
||||
<li>
|
||||
Puce en image 3 :<br><?php echo $chaine; ?>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
Point 3 :<br><?php echo $chaine; ?>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
Point 3 :<br><?php echo $chaine; ?>
|
||||
</li>
|
||||
</ul>
|
||||
<hr><hr>
|
||||
<ol style="list-style-type: upper-roman">
|
||||
<li>
|
||||
Point 1 :<br><?php echo $chaine; ?>
|
||||
</li>
|
||||
<li>
|
||||
Point 2 :<br><?php echo $chaine; ?>
|
||||
<ol style="list-style-type: lower-alpha">
|
||||
<li>
|
||||
Point 1 :<br><?php echo $chaine; ?>
|
||||
</li>
|
||||
<li>
|
||||
Point 2 :<br><?php echo $chaine; ?>
|
||||
<ol style="list-style-type: decimal">
|
||||
<li>
|
||||
Point 1 :<br><?php echo $chaine; ?>
|
||||
</li>
|
||||
<li>
|
||||
Point 2 :<br><?php echo $chaine; ?>
|
||||
</li>
|
||||
<li>
|
||||
Point 3 :<br><?php echo $chaine; ?>
|
||||
</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>
|
||||
Point 3 :<br><?php echo $chaine; ?>
|
||||
</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>
|
||||
Point 3 :<br><?php echo $chaine; ?>
|
||||
</li>
|
||||
</ol>
|
||||
</page>
|
||||
88
html2pdf-master/examples/res/example13.php
Normal file
88
html2pdf-master/examples/res/example13.php
Normal file
@ -0,0 +1,88 @@
|
||||
<style type="text/css">
|
||||
<!--
|
||||
table.tableau { text-align: left; }
|
||||
table.tableau td { width: 15mm; font-family: courier; }
|
||||
table.tableau th { width: 15mm; font-family: courier; }
|
||||
|
||||
.ul1
|
||||
{
|
||||
list-style-image: url(./res/puce2.gif);
|
||||
}
|
||||
.ul1 li
|
||||
{
|
||||
color:#F19031;
|
||||
}
|
||||
.ul2
|
||||
{
|
||||
list-style: square;
|
||||
}
|
||||
.ul2 li
|
||||
{
|
||||
color:#31F190;
|
||||
}
|
||||
.ul3
|
||||
{
|
||||
list-style: none;
|
||||
}
|
||||
.ul3 li
|
||||
{
|
||||
color:#9031F1;
|
||||
}
|
||||
-->
|
||||
</style>
|
||||
Exemple de liste avec puce personnalisée :<br>
|
||||
<table style="width: 100%;" >
|
||||
<tr>
|
||||
<td style="width: 33%;">
|
||||
<ul class="ul1">
|
||||
<li>Votre ligne 1</li>
|
||||
<li>Votre ligne 2</li>
|
||||
<li>Votre ligne 3</li>
|
||||
</ul>
|
||||
</td>
|
||||
<td style="width: 34%;">
|
||||
<ul class="ul2">
|
||||
<li>Votre ligne 1</li>
|
||||
<li>Votre ligne 2</li>
|
||||
<li>Votre ligne 3</li>
|
||||
</ul>
|
||||
</td>
|
||||
<td style="width: 33%;">
|
||||
<ul class="ul3">
|
||||
<li>Votre ligne 1</li>
|
||||
<li>Votre ligne 2</li>
|
||||
<li>Votre ligne 3</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
Exemple de caracteres :<br>
|
||||
<table class="tableau" >
|
||||
<tr><th>0</th><th>a</th><th>e</th><th>i</th><th>o</th><th>u</th></tr>
|
||||
<tr><th>1</th><td>à</td><td>è</td><td>ì</td><td>ò</td><td>ù</td></tr>
|
||||
<tr><th>2</th><td>á</td><td>é</td><td>í</td><td>ó</td><td>ú</td></tr>
|
||||
<tr><th>3</th><td>â</td><td>ê</td><td>î</td><td>ô</td><td>û</td></tr>
|
||||
<tr><th>4</th><td>ä</td><td>ë</td><td>ï</td><td>ö</td><td>ü</td></tr>
|
||||
<tr><th>5</th><td>ã</td><td> </td><td> </td><td>õ</td><td> </td></tr>
|
||||
<tr><th>6</th><td>å</td><td> </td><td> </td><td> </td><td> </td></tr>
|
||||
<tr><th>7</th><td>€</td><td>«</td><td> </td><td>ø</td><td> </td></tr>
|
||||
</table>
|
||||
<br>
|
||||
<?php
|
||||
$phrase = "ceci est un exemple avec <b>du gras</b>, ";
|
||||
$phrase.= "<i>de l'italique</i>, ";
|
||||
$phrase.= "<u>du souligné</u>, ";
|
||||
$phrase.= "<u><i><b>et une image</b></i></u> : ";
|
||||
$phrase.= "<img src='./res/logo.gif' alt='logo' style='width: 15mm'>";
|
||||
?>
|
||||
Table :<br>
|
||||
<table style="border: solid 1px red; width: 105mm">
|
||||
<tr><td style="width: 100%; border: solid 1px green; text-align: left; "><?php echo $phrase; ?></td></tr>
|
||||
<tr><td style="width: 100%; border: solid 1px green; text-align: center;"><?php echo $phrase; ?></td></tr>
|
||||
<tr><td style="width: 100%; border: solid 1px green; text-align: right; "><?php echo $phrase; ?></td></tr>
|
||||
</table>
|
||||
<br>
|
||||
Div :<br>
|
||||
<div style="width: 103mm; border: solid 1px green; text-align: left; margin: 1mm 0 1mm 0;padding: 1mm;"><?php echo $phrase; ?></div>
|
||||
<div style="width: 103mm; border: solid 1px green; text-align: center;margin: 1mm 0 1mm 0;padding: 1mm;"><?php echo $phrase; ?></div>
|
||||
<div style="width: 103mm; border: solid 1px green; text-align: right; margin: 1mm 0 1mm 0;padding: 1mm;"><?php echo $phrase; ?></div>
|
||||
122
html2pdf-master/examples/res/example14.php
Normal file
122
html2pdf-master/examples/res/example14.php
Normal file
@ -0,0 +1,122 @@
|
||||
<style type="text/css">
|
||||
.table-bordered {border-width: 0.25mm; border-style: solid; border-color: #aaaaaa;}
|
||||
</style>
|
||||
<page backtop="5mm" backbottom="5mm" backleft="5mm" backright="5mm">
|
||||
<table style="border-top: solid 1px green;">
|
||||
<col class="table-bordered" style="width: 20mm;">
|
||||
<col class="table-bordered" style="width: 21mm;">
|
||||
<col class="table-bordered" style="width: 22mm;">
|
||||
<tr>
|
||||
<th style="border-top: solid 1px red">0 0</th>
|
||||
<th style="border-top: solid 1px red">0 1</th>
|
||||
<th style="border-top: solid 1px red">0 2</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><div>1 0</div></td>
|
||||
<td>1 1</td>
|
||||
<td>1 2</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br /><hr /><br />
|
||||
<table style="border-collapse: collapse;">
|
||||
<col class="table-bordered" style="width: 20mm;">
|
||||
<col class="table-bordered" style="width: 21mm;">
|
||||
<col class="table-bordered" style="width: 22mm;">
|
||||
<tr>
|
||||
<th style="border: solid 1px red" >0 0</th>
|
||||
<th style="border: solid 1px red">0 1</th>
|
||||
<th style="border: solid 1px red">0 2</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><div>1 0</div></td>
|
||||
<td>1 1</td>
|
||||
<td>1 2</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br /><hr /><br />
|
||||
<table border="1" style="width:150mm">
|
||||
<colgroup>
|
||||
<col style="width: 33%">
|
||||
<col style="width: 33%">
|
||||
<col style="width: 33%">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<td>A</td>
|
||||
<td>B</td>
|
||||
<td>C</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br /><hr /><br />
|
||||
<table border="1" style="width:150mm">
|
||||
<colgroup>
|
||||
<col style="width: 33%">
|
||||
<col style="width: 33%">
|
||||
<col style="width: 33%">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<td>A</td>
|
||||
<td>B</td>
|
||||
<td>C</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding: 1cm;">First column</td>
|
||||
<td colspan="2" style="padding: 1cm;">Second column with a colspan of 2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 1cm;">Third column with a colspan of 3</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br /><hr /><br />
|
||||
<table border="1" style="width:150mm">
|
||||
<colgroup>
|
||||
<col style="width: 33%">
|
||||
<col style="width: 33%">
|
||||
<col style="width: 33%">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<td style="padding: 1cm;">First column</td>
|
||||
<td colspan="2" style="padding: 1cm;">Second column with a colspan of 2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 1cm;">Third column with a colspan of 3</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br /><hr /><br />
|
||||
<table border="1" style="width:150mm">
|
||||
<colgroup>
|
||||
<col style="width: 33%">
|
||||
<col style="width: 33%">
|
||||
<col style="width: 33%">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<td colspan="2" style="padding: 1cm;">Second column with a colspan of 2</td>
|
||||
<td style="padding: 1cm;">First column</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 1cm;">Third column with a colspan of 3</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br />
|
||||
<font color="red">Hello</font><br />
|
||||
<br />
|
||||
Image : <img src="./res/logos.png" /><br />
|
||||
Image : <img src="./res/logo.png" /><br />
|
||||
|
||||
<h2>Css Large FontSize</h2>
|
||||
<span style="font-size: medium;" >text with font-style medium</span><br />
|
||||
<span style="font-size: large;" >text with font-style large</span><br />
|
||||
<span style="font-size: x-large;" >text with font-style x-large</span><br />
|
||||
<span style="font-size: xx-large;">text with font-style xx-large</span><br />
|
||||
|
||||
<h2>Css Small FontSize</h2>
|
||||
<span style="font-size: medium;" >text with font-style medium</span><br />
|
||||
<span style="font-size: small;" >text with font-style small</span><br />
|
||||
<span style="font-size: x-small;" >text with font-style x-small</span><br />
|
||||
<span style="font-size: xx-small;">text with font-style xx-small</span><br />
|
||||
|
||||
<h2>Css Relative FontSize</h2>
|
||||
<span style="font-size: medium;" >text with font-style medium</span><br />
|
||||
<span style="font-size: smaller;" ><span style="font-size: larger;" >text with font-style smaller larger</span></span><br />
|
||||
<span style="font-size: larger;" >text with font-style larger</span><br />
|
||||
<span style="font-size: smaller;" >text with font-style smaller</span><br />
|
||||
</page>
|
||||
23
html2pdf-master/examples/res/example15.php
Normal file
23
html2pdf-master/examples/res/example15.php
Normal file
@ -0,0 +1,23 @@
|
||||
<style type="text/css">
|
||||
<!--
|
||||
div {
|
||||
border: solid 2mm red;
|
||||
}
|
||||
|
||||
div.content-1 {
|
||||
background: green;
|
||||
}
|
||||
|
||||
|
||||
div.content-2 {
|
||||
background: blue;
|
||||
}
|
||||
|
||||
-->
|
||||
</style>
|
||||
<page>
|
||||
<div class="content-[[page_cu]]">Page [[page_cu]]</div>
|
||||
</page>
|
||||
<page>
|
||||
<div class="content-[[page_cu]]">Page [[page_cu]]</div>
|
||||
</page>
|
||||
71
html2pdf-master/examples/res/forms.php
Normal file
71
html2pdf-master/examples/res/forms.php
Normal file
@ -0,0 +1,71 @@
|
||||
<?php
|
||||
|
||||
if (isset($_SERVER['REQUEST_URI'])) {
|
||||
$url = $_SERVER['REQUEST_URI'];
|
||||
if (substr($url, 0, 7)!=='http://') {
|
||||
$url = 'http://'.$_SERVER['HTTP_HOST'];
|
||||
if (isset($_SERVER['SERVER_PORT']) && $_SERVER['SERVER_PORT']!=80) {
|
||||
$url.= ':'.$_SERVER['SERVER_PORT'];
|
||||
}
|
||||
$url.= $_SERVER['REQUEST_URI'];
|
||||
}
|
||||
} else {
|
||||
$url = 'http://localhost/html2pdf/examples/forms.php';
|
||||
}
|
||||
?>
|
||||
<style type="text/css">
|
||||
li
|
||||
{ font-size: 10pt; }
|
||||
|
||||
input, textarea, select
|
||||
{
|
||||
border: dashed 1mm red;
|
||||
background: #FCC;
|
||||
color: #400;
|
||||
text-align: left;
|
||||
font-size: 11pt;
|
||||
}
|
||||
</style>
|
||||
<page footer="form,date,time">
|
||||
<h1>Test de formulaire</h1><br>
|
||||
<br>
|
||||
<form action="<?php echo $url; ?>">
|
||||
<input type="hidden" name="test" value="1">
|
||||
Vous utilisez cette librairie dans le cadre :
|
||||
<ul style="list-style: none">
|
||||
<li><input type="checkbox" name="cadre_boulot" checked="checked"> du boulot</li>
|
||||
<li><input type="checkbox" name="cadre_perso" > perso</li>
|
||||
</ul>
|
||||
Vous êtes :
|
||||
<ul style="list-style: none">
|
||||
<li><input type="radio" name="sexe" value="homme" checked="checked"> un homme</li>
|
||||
<li><input type="radio" name="sexe" value="femme"> une femme</li>
|
||||
</ul>
|
||||
Vous avez :
|
||||
<select name="age" >
|
||||
<option value="15">moins de 15 ans</option>
|
||||
<option value="20">entre 15 et 20 ans</option>
|
||||
<option value="25">entre 20 et 25 ans</option>
|
||||
<option value="30">entre 25 et 30 ans</option>
|
||||
<option value="40">plus de 30 ans</option>
|
||||
</select><br>
|
||||
<br>
|
||||
Vous aimez :
|
||||
<select name="aime[]" size="5" multiple="multiple">
|
||||
<option value="ch1">l'informatique</option>
|
||||
<option value="ch2">le cinéma</option>
|
||||
<option value="ch3">le sport</option>
|
||||
<option value="ch4">la littérature</option>
|
||||
<option value="ch5">autre</option>
|
||||
</select><br>
|
||||
<br>
|
||||
Votre phrase fétiche : <input type="text" name="phrase" value="cette lib est géniale !!!" style="width: 100mm"><br>
|
||||
<br>
|
||||
Un commentaire ?<br>
|
||||
<textarea name="comment" rows="3" cols="30">rien de particulier</textarea><br>
|
||||
<br>
|
||||
<input type="reset" name="btn_reset" value="Initialiser">
|
||||
<input type="button" name="btn_print" value="Imprimer" onclick="print(true);">
|
||||
<input type="submit" name="btn_submit" value="Envoyer">
|
||||
</form>
|
||||
</page>
|
||||
44
html2pdf-master/examples/res/groups.php
Normal file
44
html2pdf-master/examples/res/groups.php
Normal file
@ -0,0 +1,44 @@
|
||||
<style type="text/css">
|
||||
<!--
|
||||
table.page_header {width: 100%; border: none; background-color: #DDDDFF; border-bottom: solid 1mm #AAAADD; padding: 2mm }
|
||||
table.page_footer {width: 100%; border: none; background-color: #DDDDFF; border-top: solid 1mm #AAAADD; padding: 2mm}
|
||||
-->
|
||||
</style>
|
||||
<page backtop="14mm" backbottom="14mm" backleft="10mm" backright="10mm" pagegroup="new">
|
||||
<page_header>
|
||||
<table class="page_header">
|
||||
<tr>
|
||||
<td style="width: 100%; text-align: left">
|
||||
Exemple d'utilisation des groupes de pages
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</page_header>
|
||||
<page_footer>
|
||||
<table class="page_footer">
|
||||
<tr>
|
||||
<td style="width: 100%; text-align: right">
|
||||
page [[page_cu]]/[[page_nb]]
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</page_footer>
|
||||
Ceci est la page 1 du groupe 1
|
||||
</page>
|
||||
<page pageset="old">
|
||||
Ceci est la page 2 du groupe 1
|
||||
</page>
|
||||
<page pageset="old">
|
||||
Ceci est la page 3 du groupe 1
|
||||
</page>
|
||||
<?php
|
||||
for ($k=2; $k<5; $k++) :
|
||||
?>
|
||||
<page pageset="old" pagegroup="new">
|
||||
Ceci est la page 1 du groupe <?php echo $k; ?>
|
||||
</page>
|
||||
<page pageset="old">
|
||||
Ceci est la page 2 du groupe <?php echo $k; ?>
|
||||
</page>
|
||||
<?php
|
||||
endfor;
|
||||
BIN
html2pdf-master/examples/res/logo.gif
Normal file
BIN
html2pdf-master/examples/res/logo.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
BIN
html2pdf-master/examples/res/logo.png
Normal file
BIN
html2pdf-master/examples/res/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
33
html2pdf-master/examples/res/measure.php
Normal file
33
html2pdf-master/examples/res/measure.php
Normal file
@ -0,0 +1,33 @@
|
||||
<style type="text/css">
|
||||
<!--
|
||||
table
|
||||
{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
border-right: solid 0.2mm black;
|
||||
}
|
||||
td
|
||||
{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
width: 10mm;
|
||||
}
|
||||
-->
|
||||
</style>
|
||||
<page>
|
||||
<table cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<?php
|
||||
for ($k=0; $k<28;$k++) {
|
||||
echo '<td><img src="./res/measure.png" alt="" ><br>'.$k.'</td>';
|
||||
}
|
||||
?>
|
||||
</tr>
|
||||
</table>
|
||||
</page>
|
||||
BIN
html2pdf-master/examples/res/measure.png
Normal file
BIN
html2pdf-master/examples/res/measure.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 363 B |
BIN
html2pdf-master/examples/res/off.png
Normal file
BIN
html2pdf-master/examples/res/off.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 898 B |
BIN
html2pdf-master/examples/res/puce.gif
Normal file
BIN
html2pdf-master/examples/res/puce.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 623 B |
BIN
html2pdf-master/examples/res/puce2.gif
Normal file
BIN
html2pdf-master/examples/res/puce2.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 95 B |
35
html2pdf-master/examples/res/qrcode.php
Normal file
35
html2pdf-master/examples/res/qrcode.php
Normal file
@ -0,0 +1,35 @@
|
||||
<?php
|
||||
$msg = "Le site de html2pdf\nhttp://html2pdf.fr/";
|
||||
?>
|
||||
<page backtop="10mm" >
|
||||
<page_header>
|
||||
<table style="width: 100%; border: solid 1px black;">
|
||||
<tr>
|
||||
<td style="text-align: left; width: 50%">html2pdf</td>
|
||||
<td style="text-align: right; width: 50%">Exemples de QRcode</td>
|
||||
</tr>
|
||||
</table>
|
||||
</page_header>
|
||||
<h1>Exemples de QRcode</h1>
|
||||
<h3>Message avec Correction d'erreur L, M, Q, H (valeur par défaut : H)</h3>
|
||||
<qrcode value="<?php echo $msg; ?>" ec="L" style="width: 30mm;"></qrcode>
|
||||
<qrcode value="<?php echo $msg; ?>" ec="M" style="width: 30mm;"></qrcode>
|
||||
<qrcode value="<?php echo $msg; ?>" ec="Q" style="width: 30mm;"></qrcode>
|
||||
<qrcode value="<?php echo $msg; ?>" ec="H" style="width: 30mm;"></qrcode>
|
||||
<br>
|
||||
<h3>Message avec différentes largeurs</h3>
|
||||
<qrcode value="<?php echo $msg; ?>" style="width: 20mm;"></qrcode>
|
||||
<qrcode value="<?php echo $msg; ?>" style="width: 30mm;"></qrcode>
|
||||
<qrcode value="<?php echo $msg; ?>" style="width: 40mm;"></qrcode>
|
||||
<qrcode value="<?php echo $msg; ?>" style="width: 50mm;"></qrcode>
|
||||
<br>
|
||||
<h3>Message de différentes couleurs</h3>
|
||||
<qrcode value="<?php echo $msg; ?>" style="width: 40mm; background-color: white; color: black;"></qrcode>
|
||||
<qrcode value="<?php echo $msg; ?>" style="width: 40mm; background-color: yellow; color: red"></qrcode>
|
||||
<qrcode value="<?php echo $msg; ?>" style="width: 40mm; background-color: #FFCCFF; color: #003300"></qrcode>
|
||||
<qrcode value="<?php echo $msg; ?>" style="width: 40mm; background-color: #CCFFFF; color: #003333"></qrcode>
|
||||
<br>
|
||||
<h3>Message sans border</h3>
|
||||
<qrcode value="<?php echo $msg; ?>" style="border: none; width: 40mm;"></qrcode>
|
||||
<br>
|
||||
</page>
|
||||
23
html2pdf-master/examples/res/radius.php
Normal file
23
html2pdf-master/examples/res/radius.php
Normal file
@ -0,0 +1,23 @@
|
||||
<style type="text/css">
|
||||
<!--
|
||||
.div { background: #CCDDCC; color: #002200; text-align: center; width: 70mm; height: 20mm; margin: 2mm; }
|
||||
.div1 { border: solid 2mm black; border-radius: 5mm; -moz-border-radius: 5mm; }
|
||||
.div2 { border: solid 2mm black; border-radius: 3mm 10mm 0mm 3mm; -moz-border-radius: 3mm 10mm 0mm 3mm; }
|
||||
.div3 { border: solid 2mm black; border-radius: 10mm / 7mm; -moz-border-radius: 10mm / 7mm; }
|
||||
.div4 { border: solid 6mm black; border-radius: 5mm / 10mm; -moz-border-radius: 5mm / 10mm; }
|
||||
.div5 { border: solid 5mm black; border-top: none; border-bottom: none; border-radius: 5mm; -moz-border-radius: 5mm; }
|
||||
.div6 { border: solid 5mm black; border-left: none; border-right: none; border-radius: 5mm; -moz-border-radius: 5mm; }
|
||||
.div7 { border: solid 5mm black; border-left: none; border-top: none; border-radius: 5mm; -moz-border-radius: 5mm; }
|
||||
.div8 { border-radius: 8mm; -moz-border-radius: 8mm; border-left: solid 2mm #660000; border-top: solid 1mm #006600; border-right: solid 2mm #000066; border-bottom: solid 4mm #004444;}
|
||||
-->
|
||||
</style>
|
||||
<page>
|
||||
<div class="div div1">Exemple de div</div>
|
||||
<div class="div div2">Exemple de div</div>
|
||||
<div class="div div3">Exemple de div</div>
|
||||
<div class="div div4">Exemple de div</div>
|
||||
<div class="div div5">Exemple de div</div>
|
||||
<div class="div div6">Exemple de div</div>
|
||||
<div class="div div7">Exemple de div</div>
|
||||
<div class="div div8">Exemple de div</div>
|
||||
</page>
|
||||
40
html2pdf-master/examples/res/svg.php
Normal file
40
html2pdf-master/examples/res/svg.php
Normal file
@ -0,0 +1,40 @@
|
||||
<style type="text/css">
|
||||
.main-draw {
|
||||
margin: auto;
|
||||
background: #000000;
|
||||
border: solid 0.5mm #777777;
|
||||
width:150mm;
|
||||
height:100mm;
|
||||
}
|
||||
|
||||
.full-stroke {
|
||||
stroke-width:1mm;
|
||||
}
|
||||
|
||||
.middle-stroke {
|
||||
stroke-width:0.5mm;
|
||||
}
|
||||
</style>
|
||||
<page>
|
||||
<draw class="main-draw">
|
||||
<line class="full-stroke" style="stroke:#FF0000;" x1="10mm" y1="10mm" x2="140mm" y2="10mm" >
|
||||
<rect class="full-stroke" style="stroke:#770077; fill:#008888" x="15%" y="15%" w="70%" h="70%">
|
||||
<ellipse class="full-stroke" style="stroke:#000077; fill:#888800" cx="50%" cy="50%" rx="30%" ry="30%">
|
||||
<circle class="full-stroke" style="stroke:#0000AA; fill:#AAAA00" cx="50%" cy="50%" r="15%">
|
||||
</draw><br>
|
||||
<draw class="main-draw">
|
||||
<path class="full-stroke" style="fill:#AAAA00; stroke:#0000AA;" d="M20mm,10mm H130mm A10mm,10mm 0,0,0 140mm,20mm V80mm A10mm,10mm 0,0,0 130mm,90mm H20mm A10mm,10mm 0,0,0 10mm,80mm V20mm A10mm,10mm 0,0,0 20mm,10mm">
|
||||
<path class="middle-stroke" style="fill:#770000; stroke:#AA0033;" d="M 20mm,40mm a16mm,8mm 0,0,0 16mm,8mm" />
|
||||
<path class="middle-stroke" style="fill:#770000; stroke:#00AA33;" d="M 20mm,40mm l16mm,8mm" />
|
||||
<path class="middle-stroke" style="fill:#770000; stroke:#AA0033;" d="M 40mm,40mm a16mm,8mm 0,0,1 16mm,8mm" />
|
||||
<path class="middle-stroke" style="fill:#770000; stroke:#00AA33;" d="M 40mm,40mm l16mm,8mm" />
|
||||
<path class="middle-stroke" style="fill:#770000; stroke:#AA0033;" d="M 80mm,40mm a16mm,8mm 0,1,0 16mm,8mm" />
|
||||
<path class="middle-stroke" style="fill:#770000; stroke:#00AA33;" d="M 80mm,40mm l16mm,8mm" />
|
||||
<path class="middle-stroke" style="fill:#770000; stroke:#AA0033;" d="M100mm,40mm a16mm,8mm 0,1,1 16mm,8mm" />
|
||||
<path class="middle-stroke" style="fill:#770000; stroke:#00AA33;" d="M100mm,40mm l16mm,8mm" />
|
||||
</draw><br>
|
||||
<br>
|
||||
Les balises SVG suivantes sont reconnues : LINE, RECT, CIRCLE, ELLIPSE, PATH, POLYGON, POLYLINE, G<br>
|
||||
<br>
|
||||
Spécifications SVG : <a href="http://www.w3.org/TR/SVG11/expanded-toc.html">http://www.w3.org/TR/SVG11/expanded-toc.html</a>
|
||||
</page>
|
||||
246
html2pdf-master/examples/res/svg_tiger.php
Normal file
246
html2pdf-master/examples/res/svg_tiger.php
Normal file
File diff suppressed because one or more lines are too long
112
html2pdf-master/examples/res/svg_tree.php
Normal file
112
html2pdf-master/examples/res/svg_tree.php
Normal file
@ -0,0 +1,112 @@
|
||||
<page>
|
||||
<draw style="margin: auto; width:180mm; height:240mm; background: #444444; border: solid 0.5mm #777777;">
|
||||
<g transform="translate(90mm,120mm) scale(1.8) translate(-250,-245)">
|
||||
<path d="M 157.219 412.757 C 158.128 465.467 355.334 465.467 354.425 413.666 C 353.516 358.23 159.036 357.322 157.219 412.757 z " id="path749" sodipodi:nodetypes="ccc" style="fill:#623e35;fill-rule:evenodd;stroke:black;stroke-opacity:1;stroke-width:3.75;stroke-linejoin:bevel;stroke-linecap:butt;fill-opacity:1;stroke-dasharray:none;"/>
|
||||
<path d="M 212.655 306.43 L 211.746 413.665 C 219.694 425.479 288.517 427.298 299.898 412.757 L 299.898 305.521 C 289.901 320.97 232.647 326.423 212.655 306.43 z " id="path748" sodipodi:nodetypes="ccccc" style="fill:#623e35;fill-rule:evenodd;stroke:black;stroke-opacity:1;stroke-width:4.76806;stroke-linejoin:bevel;stroke-linecap:butt;fill-opacity:1;stroke-dasharray:none;" transform="matrix(0.618557,0.000000,0.000000,1.000000,98.94439,-0.908813)"/>
|
||||
<path d="M 248.097 24.7078 C 244.462 35.6132 134.5 111.951 71.7941 150.119 C 109.053 250.994 394.412 247.359 425.31 150.121 C 371.692 134.671 250.823 34.7044 248.097 24.7078 z " id="path747" sodipodi:nodetypes="cccc" style="fill:#009500;fill-rule:evenodd;stroke:black;stroke-opacity:1;stroke-width:3.75;stroke-linejoin:bevel;stroke-linecap:butt;fill-opacity:1;stroke-dasharray:none;" transform="translate(0.908775,139.0434)"/>
|
||||
<path d="M 248.097 24.7078 C 244.462 35.6132 168.125 111.951 105.419 150.119 C 144.496 206.464 356.243 212.826 390.776 148.303 C 337.158 132.853 250.823 34.7044 248.097 24.7078 z " id="path746" sodipodi:nodetypes="cccc" style="fill:#009500;fill-rule:evenodd;stroke:black;stroke-opacity:1;stroke-width:3.75;stroke-linejoin:bevel;stroke-linecap:butt;fill-opacity:1;stroke-dasharray:none;" transform="translate(-3.725290e-7,71.79367)"/>
|
||||
<path d="M 157.343 412.757 L 158.596 431.841 C 201.308 481.824 340.324 469.226 353.047 431.966 L 354.205 412.757 C 356.023 466.375 160.07 463.649 157.343 412.757 z " id="path750" sodipodi:nodetypes="ccccc" style="fill:#623e35;fill-rule:evenodd;stroke:black;stroke-opacity:1;stroke-width:3.75;stroke-linejoin:bevel;stroke-linecap:butt;fill-opacity:1;stroke-dasharray:none;"/>
|
||||
<path d="M 248.097 24.7078 C 244.462 35.6132 207.202 107.407 144.497 145.575 C 181.756 190.106 322.618 193.742 357.151 146.485 C 303.533 131.035 250.823 34.7044 248.097 24.7078 z " id="path745" sodipodi:nodetypes="cccc" style="fill:#009500;fill-rule:evenodd;stroke:black;stroke-opacity:1;stroke-width:3.75;stroke-linejoin:bevel;stroke-linecap:butt;fill-opacity:1;stroke-dasharray:none;"/>
|
||||
<path d="M 247.188 38.3395 C 219.016 91.0487 170.85 136.488 151.766 145.575 C 159.946 160.116 206.293 174.657 225.378 171.931 C 213.564 141.032 216.289 111.951 247.188 38.3395 z " id="path751" sodipodi:nodetypes="cccc" style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-opacity:1;stroke-width:1pt;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:0.5;"/>
|
||||
<path d="M 179.938 171.93 C 168.124 181.927 125.412 215.552 114.506 222.822 C 106.327 223.731 157.219 251.903 175.395 251.903 C 135.408 228.275 217.199 177.383 179.938 171.93 z " id="path752" sodipodi:nodetypes="cccc" style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-opacity:1;stroke-width:1pt;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:0.498039;"/>
|
||||
<path d="M 140.861 250.994 C 126.321 260.082 102.692 277.349 78.1551 290.071 C 83.6078 310.065 123.594 335.511 132.682 338.237 C 96.331 292.798 175.395 260.082 140.861 250.994 z " id="path753" sodipodi:nodetypes="cccc" style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-opacity:1;stroke-width:1pt;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:0.498039;"/>
|
||||
<path d="M 233.308 366.285 C 234.121 379.008 231.643 403.487 233.623 413.293 C 247.255 420.056 256.276 418.554 266.962 418.114 C 253.33 412.661 242.329 402.388 233.308 366.285 z " id="path755" sodipodi:nodetypes="cccc" style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-opacity:1;stroke-width:1pt;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:0.3;"/>
|
||||
<path d="M 222.459 376.374 C 201.797 379.129 155.308 391.181 161.506 415.975 C 167.705 438.703 213.505 443.18 226.247 446.624 C 220.048 439.392 171.837 405.988 222.459 376.374 z " id="path756" sodipodi:nodetypes="cccc" style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-opacity:1;stroke-width:1pt;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:0.3;"/>
|
||||
<path d="M 161.162 428.028 C 163.573 429.061 172.871 441.803 208.685 456.955 C 193.532 452.822 163.228 440.425 161.162 428.028 z " id="path757" sodipodi:nodetypes="ccc" style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-opacity:1;stroke-width:1pt;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:0.3;" transform=""/>
|
||||
<path d="M 315.437 454.544 C 329.556 448.345 346.774 443.524 349.873 432.505 C 355.039 422.174 348.496 436.292 315.437 454.544 z " id="path758" sodipodi:nodetypes="ccc" style="fill:#000011;fill-rule:evenodd;stroke:none;stroke-opacity:1;stroke-width:1pt;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:0.25;"/>
|
||||
<path d="M 287.888 377.407 C 326.457 377.407 383.965 411.154 327.834 438.359 C 362.615 398.413 287.888 378.44 287.888 377.407 z " id="path759" sodipodi:nodetypes="ccc" style="fill:#000011;fill-rule:evenodd;stroke:none;stroke-opacity:1;stroke-width:1pt;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:0.247059;"/>
|
||||
<path d="M 259.65 366.043 C 259.65 366.043 279.967 363.288 281.345 365.698 C 282.722 368.109 281.689 387.049 281.001 391.87 C 279.968 382.572 282.378 368.798 259.65 366.043 z " id="path760" sodipodi:nodetypes="cccc" style="fill:#000011;fill-rule:evenodd;stroke:none;stroke-opacity:1;stroke-width:1pt;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:0.247059;"/>
|
||||
<path d="M 387.929 328.061 C 401.191 322.851 418.716 301.536 421.559 292.536 C 418.243 288.747 385.56 275.484 377.982 268.853 C 383.666 278.326 409.717 297.747 387.929 328.061 z " id="path761" sodipodi:nodetypes="cccc" style="fill:#000011;fill-rule:evenodd;stroke:none;stroke-opacity:1;stroke-width:1pt;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:0.247059;"/>
|
||||
<path d="M 352.404 245.644 C 370.876 238.539 382.244 229.065 384.613 222.908 C 375.613 219.119 355.246 205.856 345.299 200.172 C 352.878 208.224 368.509 221.487 352.404 245.644 z " id="path762" sodipodi:nodetypes="cccc" style="fill:#000011;fill-rule:evenodd;stroke:none;stroke-opacity:1;stroke-width:1pt;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:0.247059;"/>
|
||||
<path d="M 305.038 115.861 C 312.617 126.755 346.72 147.595 350.51 148.543 C 345.773 156.122 322.09 168.437 313.09 169.384 C 308.354 168.911 336.773 152.806 305.038 115.861 z " id="path763" sodipodi:nodetypes="cccc" style="fill:#000011;fill-rule:evenodd;stroke:none;stroke-opacity:1;stroke-width:1pt;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:0.247059;"/>
|
||||
<g id="g771" transform="translate(-249.1874,169.4743)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path772" sodipodi:nodetypes="ccc" style="fill:#ff0000;fill-rule:evenodd;stroke:black;stroke-opacity:1;stroke-width:3.75;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:1;stroke-dasharray:none;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path773" sodipodi:nodetypes="ccc" style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-opacity:1;stroke-width:1pt;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:0.7;"/>
|
||||
</g>
|
||||
<g id="g774" transform="translate(-46.89011,243.8286)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path775" sodipodi:nodetypes="ccc" style="fill:#ff0000;fill-rule:evenodd;stroke:black;stroke-opacity:1;stroke-width:3.75;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:1;stroke-dasharray:none;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path776" sodipodi:nodetypes="ccc" style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-opacity:1;stroke-width:1pt;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:0.7;"/>
|
||||
</g>
|
||||
<g id="g777" transform="translate(-226.4122,271.2928)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path778" sodipodi:nodetypes="ccc" style="fill:#ff0000;fill-rule:evenodd;stroke:black;stroke-opacity:1;stroke-width:3.75;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:1;stroke-dasharray:none;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path779" sodipodi:nodetypes="ccc" style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-opacity:1;stroke-width:1pt;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:0.7;"/>
|
||||
</g>
|
||||
<g id="g780" transform="translate(-117.8951,83.73234)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path781" sodipodi:nodetypes="ccc" style="fill:#ff0000;fill-rule:evenodd;stroke:black;stroke-opacity:1;stroke-width:3.75;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:1;stroke-dasharray:none;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path782" sodipodi:nodetypes="ccc" style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-opacity:1;stroke-width:1pt;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:0.7;"/>
|
||||
</g>
|
||||
<g id="g791" transform="translate(-236.4601,103.1582)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path792" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ff00ff;fill-rule:evenodd;stroke:#000000;stroke-width:3.75;fill-opacity:1;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path793" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ffffff;fill-opacity:0.7;fill-rule:evenodd;stroke-width:1pt;"/>
|
||||
</g>
|
||||
<g id="g794" transform="translate(-85.74192,124.5937)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path795" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ff00ff;fill-rule:evenodd;stroke:#000000;stroke-width:3.75;fill-opacity:1;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path796" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ffffff;fill-opacity:0.7;fill-rule:evenodd;stroke-width:1pt;"/>
|
||||
</g>
|
||||
<g id="g797" transform="translate(-144.0196,236.4601)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path798" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ff00ff;fill-rule:evenodd;stroke:#000000;stroke-width:3.75;fill-opacity:1;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path799" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ffffff;fill-opacity:0.7;fill-rule:evenodd;stroke-width:1pt;"/>
|
||||
</g>
|
||||
<g id="g808" transform="translate(-158.7565,60.28728)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path809" sodipodi:nodetypes="ccc" style="font-size:12;fill:#0000ff;fill-rule:evenodd;stroke:#000000;stroke-width:3.75;fill-opacity:1;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path810" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ffffff;fill-opacity:0.7;fill-rule:evenodd;stroke-width:1pt;"/>
|
||||
</g>
|
||||
<g id="g811" transform="translate(-300.7665,212.3452)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path812" sodipodi:nodetypes="ccc" style="font-size:12;fill:#0000ff;fill-rule:evenodd;stroke:#000000;stroke-width:3.75;fill-opacity:1;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path813" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ffffff;fill-opacity:0.7;fill-rule:evenodd;stroke-width:1pt;"/>
|
||||
</g>
|
||||
<g id="g814" transform="translate(-109.1869,185.5508)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path815" sodipodi:nodetypes="ccc" style="font-size:12;fill:#0000ff;fill-rule:evenodd;stroke:#000000;stroke-width:3.75;fill-opacity:1;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path816" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ffffff;fill-opacity:0.7;fill-rule:evenodd;stroke-width:1pt;"/>
|
||||
</g>
|
||||
<g id="g822" transform="translate(-192.9193,111.8663)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path823" sodipodi:nodetypes="ccc" style="font-size:12;fill:#00ffff;fill-rule:evenodd;stroke:#000000;stroke-width:3.75;fill-opacity:1;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path824" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ffffff;fill-opacity:0.7;fill-rule:evenodd;stroke-width:1pt;"/>
|
||||
</g>
|
||||
<g id="g825" transform="translate(-101.1486,279.3311)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path826" sodipodi:nodetypes="ccc" style="font-size:12;fill:#00ffff;fill-rule:evenodd;stroke:#000000;stroke-width:3.75;fill-opacity:1;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path827" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ffffff;fill-opacity:0.7;fill-rule:evenodd;stroke-width:1pt;"/>
|
||||
</g>
|
||||
<g id="g836" transform="translate(-293.3981,267.9435)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path837" sodipodi:nodetypes="ccc" style="font-size:12;fill:#00ff00;fill-rule:evenodd;stroke:#000000;stroke-width:3.75;fill-opacity:1;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path838" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ffffff;fill-opacity:0.7;fill-rule:evenodd;stroke-width:1pt;"/>
|
||||
</g>
|
||||
<g id="g839" transform="translate(-203.6370,194.9289)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path840" sodipodi:nodetypes="ccc" style="font-size:12;fill:#00ff00;fill-rule:evenodd;stroke:#000000;stroke-width:3.75;fill-opacity:1;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path841" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ffffff;fill-opacity:0.7;fill-rule:evenodd;stroke-width:1pt;"/>
|
||||
</g>
|
||||
<g id="g851" transform="translate(-81.05289,214.3548)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path852" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ffff00;fill-rule:evenodd;stroke:#000000;stroke-width:3.75;fill-opacity:1;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path853" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ffffff;fill-opacity:0.7;fill-rule:evenodd;stroke-width:1pt;"/>
|
||||
</g>
|
||||
<g id="g854" transform="translate(-146.0292,146.0292)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path855" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ffff00;fill-rule:evenodd;stroke:#000000;stroke-width:3.75;fill-opacity:1;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path856" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ffffff;fill-opacity:0.7;fill-rule:evenodd;stroke-width:1pt;"/>
|
||||
</g>
|
||||
<g id="g857" transform="translate(-231.7711,227.7519)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path858" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ffff00;fill-rule:evenodd;stroke:#000000;stroke-width:3.75;fill-opacity:1;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path859" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ffffff;fill-opacity:0.7;fill-rule:evenodd;stroke-width:1pt;"/>
|
||||
</g>
|
||||
<g id="g865" transform="translate(-202.9672,64.97627)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path866" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ff9300;fill-rule:evenodd;stroke:#000000;stroke-width:3.75;fill-opacity:1;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path867" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ffffff;fill-opacity:0.7;fill-rule:evenodd;stroke-width:1pt;"/>
|
||||
</g>
|
||||
<g id="g868" transform="translate(-158.0866,287.3694)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path869" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ff9300;fill-rule:evenodd;stroke:#000000;stroke-width:3.75;fill-opacity:1;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path870" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ffffff;fill-opacity:0.7;fill-rule:evenodd;stroke-width:1pt;"/>
|
||||
</g>
|
||||
<g id="g871" transform="translate(-152.7278,188.2303)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path872" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ff9300;fill-rule:evenodd;stroke:#000000;stroke-width:3.75;fill-opacity:1;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path873" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ffffff;fill-opacity:0.7;fill-rule:evenodd;stroke-width:1pt;"/>
|
||||
</g>
|
||||
<g id="g880" transform="translate(-140.0000,25.00000)">
|
||||
<polygon id="polygon878" points="418.662,76.6493 399.532,56.5037 376.859,72.5587 390.107,48.1396 367.832,31.538 395.15,36.5918 404.055,10.2764 407.69,37.819 435.47,38.1568 410.399,50.1252 418.662,76.6493 " sodipodi:arg1="1.04002345" sodipodi:arg2="1.66834199" sodipodi:cx="400.575500" sodipodi:cy="45.8358383" sodipodi:r1="35.7292557" sodipodi:r2="10.7187767" sodipodi:sides="5" sodipodi:type="star" style="font-size:12;fill:#ff0000;fill-rule:evenodd;stroke-width:3.75;stroke:#000000;stroke-opacity:1;stroke-dasharray:none;fill-opacity:1;" transform="matrix(0.994342,-0.106230,0.106230,0.994342,-2.344353,42.91328)"/>
|
||||
<path d="M 388.532 62.8101 C 401.79 40.713 380.796 41.775 381.792 39.3513 C 399.139 44.4405 399.022 35.5462 400.79 24.014 C 403.441 40.3242 406.708 43.765 388.532 62.8101 z " id="path879" sodipodi:nodetypes="cccc" style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-opacity:1;stroke-width:1pt;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:0.5;"/>
|
||||
</g>
|
||||
<g id="g883" transform="translate(-216.1370,24.92889)">
|
||||
<path d="M 424.69 52.5344 C 445.456 51.8645 445.456 82.0082 426.03 82.0082 C 401.245 82.678 404.594 53.2043 424.69 52.5344 z " id="path884" sodipodi:nodetypes="ccc" style="font-size:12;fill:#00ff00;fill-rule:evenodd;stroke:#000000;stroke-width:3.75;fill-opacity:1;"/>
|
||||
<path d="M 425.36 55.2139 C 423.35 53.2043 401.915 63.922 415.982 75.3096 C 424.691 74.6397 427.37 57.2234 425.36 55.2139 z " id="path885" sodipodi:nodetypes="ccc" style="font-size:12;fill:#ffffff;fill-opacity:0.7;fill-rule:evenodd;stroke-width:1pt;"/>
|
||||
</g>
|
||||
</g>
|
||||
</draw>
|
||||
</page>
|
||||
BIN
html2pdf-master/examples/res/tcpdf_logo.jpg
Normal file
BIN
html2pdf-master/examples/res/tcpdf_logo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
68
html2pdf-master/examples/res/ticket.php
Normal file
68
html2pdf-master/examples/res/ticket.php
Normal file
@ -0,0 +1,68 @@
|
||||
<?php
|
||||
$num = 'CMD01-'.date('ymd');
|
||||
$nom = 'DUPONT Alphonse';
|
||||
$date = '31/12/'.date('Y');
|
||||
?>
|
||||
<style type="text/css">
|
||||
<!--
|
||||
div.zone { border: none; border-radius: 6mm; background: #FFFFFF; border-collapse: collapse; padding:3mm; font-size: 2.7mm;}
|
||||
h1 { padding: 0; margin: 0; color: #DD0000; font-size: 7mm; }
|
||||
h2 { padding: 0; margin: 0; color: #222222; font-size: 5mm; position: relative; }
|
||||
-->
|
||||
</style>
|
||||
<page format="100x200" orientation="L" backcolor="#AAAACC" style="font: arial;">
|
||||
<div style="rotate: 90; position: absolute; width: 100mm; height: 4mm; left: 195mm; top: 0; font-style: italic; font-weight: normal; text-align: center; font-size: 2.5mm;">
|
||||
Ceci est votre e-ticket à présenter au contrôle d'accès -
|
||||
billet généré par <a href="http://html2pdf.fr/" style="color: #222222; text-decoration: none;">html2pdf</a>
|
||||
</div>
|
||||
<table style="width: 99%;border: none;" cellspacing="4mm" cellpadding="0">
|
||||
<tr>
|
||||
<td colspan="2" style="width: 100%">
|
||||
<div class="zone" style="height: 34mm;position: relative;font-size: 5mm;">
|
||||
<div style="position: absolute; right: 3mm; top: 3mm; text-align: right; font-size: 4mm; ">
|
||||
<b><?php echo $nom; ?></b><br>
|
||||
</div>
|
||||
<div style="position: absolute; right: 3mm; bottom: 3mm; text-align: right; font-size: 4mm; ">
|
||||
<b>1</b> place <b>plein tarif</b><br>
|
||||
Prix unitaire TTC : <b>45,00€</b><br>
|
||||
N° commande : <b><?php echo $num; ?></b><br>
|
||||
Date d'achat : <b><?php echo date('d/m/Y à H:i:s'); ?></b><br>
|
||||
</div>
|
||||
<h1>Billet soirée spécial Html2Pdf</h1>
|
||||
<b>Valable le <?php echo $date; ?> à 20h30</b><br>
|
||||
<img src="./res/logo.gif" alt="logo" style="margin-top: 3mm; margin-left: 20mm">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width: 25%;">
|
||||
<div class="zone" style="height: 40mm;vertical-align: middle;text-align: center;">
|
||||
<qrcode value="<?php echo $num."\n".$nom."\n".$date; ?>" ec="Q" style="width: 37mm; border: none;" ></qrcode>
|
||||
</div>
|
||||
</td>
|
||||
<td style="width: 75%">
|
||||
<div class="zone" style="height: 40mm;vertical-align: middle; text-align: justify">
|
||||
<b>Conditions d'utilisation du billet</b><br>
|
||||
Le billet est soumis aux conditions générales de vente que vous avez
|
||||
acceptées avant l'achat du billet. Le billet d'entrée est uniquement
|
||||
valable s'il est imprimé sur du papier A4 blanc, vierge recto et verso.
|
||||
L'entrée est soumise au contrôle de la validité de votre billet. Une bonne
|
||||
qualité d'impression est nécessaire. Les billets partiellement imprimés,
|
||||
souillés, endommagés ou illisibles ne seront pas acceptés et seront
|
||||
considérés comme non valables. En cas d'incident ou de mauvaise qualité
|
||||
d'impression, vous devez imprimer à nouveau votre fichier. Pour vérifier
|
||||
la bonne qualité de l'impression, assurez-vous que les informations écrites
|
||||
sur le billet, ainsi que les pictogrammes (code à barres 2D) sont bien
|
||||
lisibles. Ce titre doit être conservé jusqu'à la fin de la manifestation.
|
||||
Une pièce d'identité pourra être demandée conjointement à ce billet. En
|
||||
cas de non respect de l'ensemble des règles précisées ci-dessus, ce billet
|
||||
sera considéré comme non valable.<br>
|
||||
<br>
|
||||
<i>Ce billet est reconnu électroniquement lors de votre
|
||||
arrivée sur site. A ce titre, il ne doit être ni dupliqué, ni photocopié.
|
||||
Toute reproduction est frauduleuse et inutile.</i>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</page>
|
||||
Reference in New Issue
Block a user