first commit

This commit is contained in:
aschwarz
2023-02-27 10:20:09 +01:00
commit 09ee4a8728
2309 changed files with 449255 additions and 0 deletions

View File

@ -0,0 +1,241 @@
<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 __CLASS_HTML2PDF__; ?>
</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">
&copy;Spipu 2008-2011
</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 __CLASS_HTML2PDF__; ?></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 LGPL.<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>&lt;a&gt; : Ceci est un lien vers <a href="http://html2pdf.fr">le site de HTML2PDF</a></li>
<li>&lt;b&gt;, &lt;strong&gt; : Ecrire en <b>gras</b>.</li>
<li>&lt;big&gt; : Ecrire plus <big>gros</big>.</li>
<li>&lt;br&gt; : Permet d'aller à la ligne</li>
<li>&lt;cite&gt; : <cite>Ceci est une citation</cite></li>
<li>&lt;code&gt;, &lt;pre&gt;</li>
<li>&lt;div&gt; :&nbsp;<div style="border: solid 1px #AADDAA; background: #DDFFDD; text-align: center; width: 50mm">exemple de DIV</div></li>
<li>&lt;em&gt;, &lt;i&gt;, &lt;samp&gt; : Ecrire en <em>italique</em>.</li>
<li>&lt;font&gt;, &lt;span&gt; : <font style="color: #000066; font-family: times">Exemple d'utilisation</font></li>
<li>&lt;h1&gt;, &lt;h2&gt;, &lt;h3&gt;, &lt;h4&gt;, &lt;h5&gt;, &lt;h6&gt;</li>
<li>&lt;hr&gt; : barre horizontale</li>
<li>&lt;img&gt; : <img src="./res/tcpdf_logo.jpg" style="width: 10mm"></li>
<li>&lt;p&gt; : Ecrire dans un paragraphe</li>
<li>&lt;s&gt; : Texte <s>barré</s></li>
<li>&lt;small&gt; : Ecrire plus <small>petit</small>.</li>
<li>&lt;style&gt;</li>
<li>&lt;sup&gt; : Exemple<sup>haut</sup>.</li>
<li>&lt;sub&gt; : Exemple<sub>bas</sub>.</li>
<li>&lt;u&gt; : Texte <u>souligné</u></li>
<li>&lt;table&gt;, &lt;td&gt;, &lt;th&gt;, &lt;tr&gt;, &lt;thead&gt;, &lt;tbody&gt;, &lt;tfoot&gt;, &lt;col&gt; </li>
<li>&lt;ol&gt;, &lt;ul&gt;, &lt;li&gt;</li>
<li>&lt;form&gt;, &lt;input&gt;, &lt;textarea&gt;, &lt;select&gt;, &lt;option&gt;</li>
<li>&lt;fieldset&gt;, &lt;legend&gt;</li>
<li>&lt;del&gt;, &lt;ins&gt;</li>
<li>&lt;draw&gt;, &lt;line&gt;, &lt;rect&gt;, &lt;circle&gt;, &lt;ellipse&gt;, &lt;polygone&gt;, &lt;polyline&gt;, &lt;path&gt;</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>&lt;page&gt;</li>
<li>&lt;page_header&gt;</li>
<li>&lt;page_footer&gt;</li>
<li>&lt;nobreak&gt;</li>
<li>&lt;barcode&gt;</li>
<li>&lt;bookmark&gt;</li>
<li>&lt;qrcode&gt;</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 le wiki : <a href="http://wiki.spipu.net/doku.php?id=html2pdf:Accueil">http://wiki.spipu.net/doku.php?id=html2pdf:Accueil</a>.</li>
</ul>
</page>

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

View 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 : &lt;br&gt;, &lt;br &gt;, &lt;br/&gt;, &lt;br /&gt; <br />
<br>
Barre horizontale &lt;hr&gt;<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 &euro; &laquo;</td>
<th style="border: solid 1px #007700;width: 50%">D2 &euro; &laquo;</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>

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

View 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.)">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.)">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>

View 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 &lt;page&gt; &lt;/page&gt;, comme ici par exemple :
</page>
<page pageset="old">
Nouvelle page !!!!
</page>

View 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>
&lt;page orientation="portrait" format="A5" &gt; <i>A5 en portrait</i> &lt;/page&gt; <br>
<br>
&lt;page orientation="paysage" format="100x200" &gt; <i>100mm x 200mm en paysage</i> &lt;/page&gt;<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>

View File

@ -0,0 +1,71 @@
<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;
}
-->
</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>
<col style="width: 5%" class="col1">
<col style="width: 25%">
<col style="width: 30%">
<col style="width: 40%">
<thead>
<tr>
<th rowspan="2"></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>

View 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; }

View File

@ -0,0 +1,45 @@
<link type="text/css" href="./res/exemple06.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>

View File

@ -0,0 +1,132 @@
<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;heure;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>: &laquo; Bon de Retour &raquo;</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 &laquo; Bon de Retour &raquo; pour les articles suivants a été accepté.<br>
<br>
<table cellspacing="0" style="width: 100%; border: solid 1px black; background: #E7E7E7; text-align: center; font-size: 10pt;">
<tr>
<th style="width: 12%">Produit</th>
<th style="width: 52%">Désignation</th>
<th style="width: 13%">Prix Unitaire</th>
<th style="width: 10%">Quantité</th>
<th style="width: 13%">Prix Net</th>
</tr>
</table>
<?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));
?>
<table cellspacing="0" style="width: 100%; border: solid 1px black; background: #F7F7F7; text-align: center; font-size: 10pt;">
<tr>
<td style="width: 12%; text-align: left"><?php echo $num; ?></td>
<td style="width: 52%; text-align: left"><?php echo $nom; ?></td>
<td style="width: 13%; text-align: right"><?php echo number_format($prix, 2, ',', ' '); ?> &euro;</td>
<td style="width: 10%"><?php echo $qua; ?></td>
<td style="width: 13%; text-align: right;"><?php echo number_format($prix*$qua, 2, ',', ' '); ?> &euro;</td>
</tr>
</table>
<?php
}
?>
<table cellspacing="0" style="width: 100%; border: solid 1px black; background: #E7E7E7; text-align: center; font-size: 10pt;">
<tr>
<th style="width: 87%; text-align: right;">Total : </th>
<th style="width: 13%; text-align: right;"><?php echo number_format($total, 2, ',', ' '); ?> &euro;</th>
</tr>
</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>

View 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>&nbsp;
</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;">&nbsp;</td>
<td style="width: 55%; border: solid 1px #000000;">&nbsp;</td>
<td style="width: 15%; border: solid 1px #000000;">&nbsp;</td>
<td style="width: 15%; border: solid 1px #000000;">&nbsp;</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;">&nbsp;</td>
<td style="width: 50%; border: solid 1px #000000;">&nbsp;</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>
&nbsp;<br>
&nbsp;<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>

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

View File

@ -0,0 +1,24 @@
<?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);

View 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/exemple10a.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/exemple10b.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/exemple10c.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__).'/../exemple10.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)2011 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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 625 B

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

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

View 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>&agrave;</td><td>&egrave;</td><td>&igrave;</td><td>&ograve;</td><td>&ugrave;</td></tr>
<tr><th>2</th><td>&aacute;</td><td>&eacute;</td><td>&iacute;</td><td>&oacute;</td><td>&uacute;</td></tr>
<tr><th>3</th><td>&acirc;</td><td>&ecirc;</td><td>&icirc;</td><td>&ocirc;</td><td>&ucirc;</td></tr>
<tr><th>4</th><td>&auml;</td><td>&euml;</td><td>&iuml;</td><td>&ouml;</td><td>&uuml;</td></tr>
<tr><th>5</th><td>&atilde;</td><td> </td><td> </td><td>&otilde;</td><td> </td></tr>
<tr><th>6</th><td>&aring;</td><td> </td><td> </td><td> </td><td> </td></tr>
<tr><th>7</th><td>&euro;</td><td>&laquo;</td><td> </td><td>&oslash;</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>

View File

@ -0,0 +1,64 @@
<?php
$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'];
}
?>
<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">
<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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 898 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 623 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 363 B

View File

@ -0,0 +1,23 @@
<page>
<draw style="margin: auto; width:150mm; height:100mm; background: #000000; border: solid 0.5mm #777777;">
<line style="stroke:#FF0000; stroke-width:1mm" x1="10mm" y1="10mm" x2="140mm" y2="10mm" >
<rect style="stroke:#770077; stroke-width:1mm; fill:#008888" x="15%" y="15%" w="70%" h="70%">
<ellipse style="stroke:#000077; stroke-width:1mm; fill:#888800" cx="50%" cy="50%" rx="30%" ry="30%">
<circle style="stroke:#0000AA; stroke-width:1mm; fill:#AAAA00" cx="50%" cy="50%" r="15%">
</draw><br>
<draw style="margin: auto; width:150mm; height:100mm; background: #000000; border: solid 0.5mm #777777;">
<path style="fill:#AAAA00; stroke:#0000AA; stroke-width:1mm" 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 style="fill:#770000; stroke:#AA0033; stroke-width:0.5mm" d="M 20mm,40mm a16mm,8mm 0,0,0 16mm,8mm" />
<path style="fill:#770000; stroke:#00AA33; stroke-width:0.5mm" d="M 20mm,40mm l16mm,8mm" />
<path style="fill:#770000; stroke:#AA0033; stroke-width:0.5mm" d="M 40mm,40mm a16mm,8mm 0,0,1 16mm,8mm" />
<path style="fill:#770000; stroke:#00AA33; stroke-width:0.5mm" d="M 40mm,40mm l16mm,8mm" />
<path style="fill:#770000; stroke:#AA0033; stroke-width:0.5mm" d="M 80mm,40mm a16mm,8mm 0,1,0 16mm,8mm" />
<path style="fill:#770000; stroke:#00AA33; stroke-width:0.5mm" d="M 80mm,40mm l16mm,8mm" />
<path style="fill:#770000; stroke:#AA0033; stroke-width:0.5mm" d="M100mm,40mm a16mm,8mm 0,1,1 16mm,8mm" />
<path style="fill:#770000; stroke:#00AA33; stroke-width:0.5mm" 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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB