mirror of
https://github.com/moparisthebest/wallabag
synced 2024-11-30 12:52:24 -05:00
removing examples for mpdf
This commit is contained in:
tcitworld
parent
358c689cec
commit
b83690ebd8
BIN
inc/3rdparty/libraries/mpdf/examples/alpha.gif
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/alpha.gif
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/alpha.png
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/alpha.png
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 85 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/alpha3.png
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/alpha3.png
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 8.4 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/bayeux1.jpg
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/bayeux1.jpg
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 126 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/bg.jpg
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/bg.jpg
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 6.6 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/bgbarcode.png
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/bgbarcode.png
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/bgrock.jpg
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/bgrock.jpg
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/borders2FF.jpg
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/borders2FF.jpg
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 31 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/borders2IE.jpg
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/borders2IE.jpg
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/borders3FF.jpg
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/borders3FF.jpg
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 38 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/borders3IE.jpg
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/borders3IE.jpg
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 41 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/borders4FF.jpg
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/borders4FF.jpg
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 50 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/borders4IE.jpg
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/borders4IE.jpg
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 52 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/bordersFF.jpg
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/bordersFF.jpg
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 32 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/bordersIE.jpg
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/bordersIE.jpg
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/clematis.jpg
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/clematis.jpg
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 180 KiB |
@ -1,187 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<h1><a name="top"></a>mPDF</h1>
|
|
||||||
<h2>Basic HTML Example</h2>
|
|
||||||
This file demonstrates most of the HTML elements.
|
|
||||||
<h3>Heading 3</h3>
|
|
||||||
<h4>Heading 4</h4>
|
|
||||||
<h5>Heading 5</h5>
|
|
||||||
<h6>Heading 6</h6>
|
|
||||||
<p>P: Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p>
|
|
||||||
|
|
||||||
<hr />
|
|
||||||
|
|
||||||
<div><img src="tiger.wmf" style="float:right;">DIV: Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div>
|
|
||||||
<div><img src="klematis.jpg" style="opacity: 0.5; float: left;" />DIV: Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div>
|
|
||||||
|
|
||||||
<blockquote>Blockquote: Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus.</blockquote>
|
|
||||||
|
|
||||||
<address>Address: Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus.</address>
|
|
||||||
|
|
||||||
<pre>PRE: Cum sociis natoque penatibus et magnis dis parturient montes,
|
|
||||||
nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis
|
|
||||||
dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras
|
|
||||||
sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor.
|
|
||||||
Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem,
|
|
||||||
ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui.</pre>
|
|
||||||
|
|
||||||
<div><a href="#top">Hyperlink (<a>)</a></div>
|
|
||||||
<div><a href="http://www.pallcare.info">Hyperlink (<a>)</a></div>
|
|
||||||
|
|
||||||
<div>Styles - <tt>tt(teletype)</tt> <i>italic</i> <b>bold</b> <big>big</big> <small>small</small> <em>emphasis</em> <strong>strong</strong> <br />new lines<br>
|
|
||||||
<code>code</code> <samp>sample</samp> <kbd>keyboard</kbd> <var>variable</var> <cite>citation</cite> <abbr>abbr.</abbr> <acronym>ACRONYM</acronym> <sup>sup</sup> <sub>sub</sub> <strike>strike</strike> <s>strike-s</s> <u>underline</u> <del>delete</del> <ins>insert</ins> <q>To be or not to be</q> <font face="sans-serif" color="#880000" size="5">font changing face, size and color</font>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p style="font-size:15pt; color:#440066">Paragraph using the in-line style to determine the font-size (15pt) and colour</p>
|
|
||||||
|
|
||||||
|
|
||||||
<h3>Testing BIG, SMALL, UNDERLINE, STRIKETHROUGH, FONT color, ACRONYM, SUPERSCRIPT and SUBSCRIPT</h3>
|
|
||||||
<p>This is <s>strikethrough</s> in <b><s>block</s></b> and <small>small <s>strikethrough</s> in <i>small span</i></small> and <big>big <s>strikethrough</s> in big span</big> and then <u>underline and <s>strikethrough and <sup>sup</sup></s></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p>
|
|
||||||
|
|
||||||
<p>This is a <font color="#008800">green reference<sup>32-47</sup></font> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> then <s>Strikethrough reference<sup>32-47</sup></s> and <s>strikethrough reference<sub>32-47</sub></s></p>
|
|
||||||
|
|
||||||
<p><big>Repeated in <u>BIG</u>: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</big></p>
|
|
||||||
|
|
||||||
<p><small>Repeated in small: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</small></p>
|
|
||||||
|
|
||||||
<p>The above repeated, but starting with a paragraph with font-size specified (7pt)</p>
|
|
||||||
|
|
||||||
<p style="font-size:7pt;">This is <s>strikethrough</s> in block and <small>small <s>strikethrough</s> in small span</small> and then <u>underline</u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p>
|
|
||||||
|
|
||||||
<p style="font-size:7pt;">This is <s>strikethrough</s> in block and <big>big <s>strikethrough</s> in big span</big> and then <u>underline</u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p>
|
|
||||||
|
|
||||||
<p style="font-size:7pt;">This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> then <s>Strikethrough reference<sup>32-47</sup></s> and <s>strikethrough reference<sub>32-47</sub></s></p>
|
|
||||||
|
|
||||||
<p><small>This tests <u>underline</u> and <s>strikethrough</s> when they are <s><u>used together</u></s> as they both use text-decoration</small></p>
|
|
||||||
|
|
||||||
|
|
||||||
<p><small>Repeated in small: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</small></p>
|
|
||||||
|
|
||||||
<p style="font-size:7pt;"><big>Repeated in BIG but with font-size set to 7pt by in-line css: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</big></p>
|
|
||||||
|
|
||||||
<ol>
|
|
||||||
<li>Item <b><u>1</u></b></li>
|
|
||||||
<li>Item 2<sup>32</sup></li>
|
|
||||||
<li><small>Item</small> 3</li>
|
|
||||||
<li>Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo.
|
|
||||||
<ul>
|
|
||||||
<li>Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo. </li>
|
|
||||||
<li>Subitem 2
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
Level 3 subitem
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
</ol>
|
|
||||||
|
|
||||||
<dl>
|
|
||||||
<dt>Definition list</dt>
|
|
||||||
<dd>List defined by DL, DD and DT tags</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<p>Sed bibendum. Nunc eleifend ornare velit. Sed consectetuer urna in erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris sodales semper metus. Maecenas justo libero, pretium at, malesuada eu, mollis et, arcu. Ut suscipit pede in nulla. Praesent elementum, dolor ac fringilla posuere, elit libero rutrum massa, vel tincidunt dui tellus a ante. Sed aliquet euismod dolor. Vestibulum sed dui. Duis lobortis hendrerit quam. Donec tempus orci ut libero. Pellentesque suscipit malesuada nisi. </p>
|
|
||||||
|
|
||||||
<table border="1">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Data</th>
|
|
||||||
<td>Data</td>
|
|
||||||
<td>Data</td>
|
|
||||||
<td>Data<br />2nd line</td>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<th>More Data</th>
|
|
||||||
<td>More Data</td>
|
|
||||||
<td>More Data</td>
|
|
||||||
<td>Data<br />2nd line</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<th>Data</th>
|
|
||||||
<td>Data</td>
|
|
||||||
<td>Data</td>
|
|
||||||
<td>Data<br />2nd line</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<th>Data</th>
|
|
||||||
<td>Data</td>
|
|
||||||
<td>Data</td>
|
|
||||||
<td>Data<br />2nd line</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<p>Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo. Cras tellus. Fusce aliquet. Curabitur tincidunt viverra ligula. Fusce eget erat. Donec pede. Vestibulum id felis. Phasellus tincidunt ligula non pede. Morbi turpis. In vitae dui non erat placerat malesuada. Mauris adipiscing congue ante. Proin at erat. Aliquam mattis. </p>
|
|
||||||
|
|
||||||
<form>
|
|
||||||
|
|
||||||
<b>Textarea</b>
|
|
||||||
<textarea name="authors" rows="5" cols="80" wrap="virtual">Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. </textarea>
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<b>Select</b>
|
|
||||||
<select size="1" name="status"><option value="A">Active</option><option value="W" >New item from auto_manager: pending validation</option><option value="I" selected="selected">Incomplete record - pending</option><option value="X" >Flagged for Deletion</option> </select> followed by text
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<b>Input Radio</b>
|
|
||||||
<input type="radio" name="pre_publication" value="0" checked="checked" > No <input type="radio" name="pre_publication" value="1" > Yes
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
<b>Input Radio</b>
|
|
||||||
<input type="radio" name="recommended" value="0" > No <input type="radio" name="recommended" value="1" > Keep <input type="radio" name="recommended" value="2" checked="checked" > Choice
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
<b>Input Text</b>
|
|
||||||
<input type="text" size="190" name="doi" value="10.1258/jrsm.100.5.211">
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<b>Input Password</b>
|
|
||||||
<input type="password" size="40" name="password" value="secret">
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
<input type="checkbox" name="QPC" value="ON" > Checkboxes<br>
|
|
||||||
<input type="checkbox" name="QPA" value="ON" > Not selected<br>
|
|
||||||
<input type="checkbox" name="QLY" value="ON" checked="checked" > Selected<br>
|
|
||||||
<input type="checkbox" name="QLY" value="ON" disabled="disabled" > Disabled
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<input type="submit" name="submit" value="Submit" />
|
|
||||||
<input type="image" name="submit" src="goto.gif" />
|
|
||||||
<input type="button" name="submit" value="Button" />
|
|
||||||
<input type="reset" name="submit" value="Reset" />
|
|
||||||
|
|
||||||
</form>
|
|
||||||
|
|
||||||
';
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF();
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,41 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>Basic Example Using CSS Styles</h2>
|
|
||||||
<p class="breadcrumb">Chapter » Topic</p>
|
|
||||||
<h3>Heading 3</h3>
|
|
||||||
<h4>Heading 4</h4>
|
|
||||||
<h5>Heading 5</h5>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p>
|
|
||||||
<h4>Heading using Small-Caps - supported from mPDF version 5</h4>
|
|
||||||
<p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p>
|
|
||||||
';
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('c');
|
|
||||||
|
|
||||||
$mpdf->SetDisplayMode('fullpage');
|
|
||||||
|
|
||||||
// LOAD a stylesheet
|
|
||||||
$stylesheet = file_get_contents('mpdfstyleA4.css');
|
|
||||||
$mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
|
|
||||||
exit;
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,138 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<style>
|
|
||||||
.gradient {
|
|
||||||
border:0.1mm solid #220044;
|
|
||||||
background-color: #f0f2ff;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
}
|
|
||||||
.radialgradient {
|
|
||||||
border:0.1mm solid #220044;
|
|
||||||
background-color: #f0f2ff;
|
|
||||||
background-gradient: radial #00FFFF #FFFF00 0.5 0.5 0.5 0.5 0.65;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
.rounded {
|
|
||||||
border:0.1mm solid #220044;
|
|
||||||
background-color: #f0f2ff;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
border-radius: 2mm;
|
|
||||||
background-clip: border-box;
|
|
||||||
}
|
|
||||||
h4 {
|
|
||||||
font-family: sans;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 1em;
|
|
||||||
margin-bottom: 0.5em;
|
|
||||||
}
|
|
||||||
div {
|
|
||||||
padding:1em;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
text-align:justify;
|
|
||||||
}
|
|
||||||
.example pre {
|
|
||||||
background-color: #d5d5d5;
|
|
||||||
margin: 1em 1cm;
|
|
||||||
padding: 0 0.3cm;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre { text-align:left }
|
|
||||||
pre.code { font-family: monospace }
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<body style="background-gradient: linear #88FFFF #FFFF44 0 0.5 1 0.5;">
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>Backgrounds & Borders</h2>
|
|
||||||
|
|
||||||
<div style="border:0.1mm solid #220044; padding:1em 2em; background-color:#ffffcc; ">
|
|
||||||
<h4>Page background</h4>
|
|
||||||
<div class="gradient">
|
|
||||||
The background colour can be set by CSS styles on the <body> tag. This will set the background for the whole page. In this document, the background has been set as a gradient (see below).
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h4>Background Gradients</h4>
|
|
||||||
<div class="gradient">
|
|
||||||
Background can be set as a linear or radial gradient between two colours. The background has been set on this <div> element to a linear gradient. CSS style used here is:<br />
|
|
||||||
<span style="font-family: mono; font-size: 9pt;">background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;</span><br />
|
|
||||||
The four numbers are coordinates in the form (x1, y1, x2, y2) which defines the gradient vector. x and y are values from 0 to 1, where 1 represents the height or width of the box as it is printed.
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
Background gradients can be set on all block elements e.g. P, DIV, H1-H6, as well as on BODY.
|
|
||||||
</div>
|
|
||||||
<div class="radialgradient">
|
|
||||||
The background has been set on this <div> element to a radial gradient. CSS style used here is:<br />
|
|
||||||
<span style="font-family: mono; font-size: 9pt;">background-gradient: radial #00FFFF #FFFF00 0.5 0.5 0.5 0.5 0.65;</span><br />
|
|
||||||
The five numbers are coordinates in the form (x1, y1, x2, y2, r) where (x1, y1) is the starting point of the gradient with color1,
|
|
||||||
(x2, y2) is the center of the circle with color2, and r is the radius of the circle.
|
|
||||||
(x1, y1) should be inside the circle, otherwise some areas will not be defined.
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec mattis lacus ac purus feugiat semper. Donec aliquet nunc odio, vitae pellentesque diam. Pellentesque sed velit lacus. Duis quis dui quis sem consectetur sollicitudin. Cras dolor quam, dapibus et pretium sit amet, elementum vel arcu. Duis rhoncus facilisis erat nec mattis. In hac habitasse platea dictumst. Vivamus hendrerit sem in justo aliquet a pellentesque lorem scelerisque. Suspendisse a augue sed urna rhoncus elementum. Aliquam erat volutpat.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h4>Background Images</h4>
|
|
||||||
<div style="border:0.1mm solid #880000; background: transparent url(bg.jpg) repeat fixed right top; background-color:#ccffff; ">
|
|
||||||
The CSS properties background-image, background-position, and background-repeat are supported as defined in CSS2, as well as the shorthand form "background".
|
|
||||||
<br />
|
|
||||||
The background has been set on this <div> element to:<br />
|
|
||||||
<span style="font-family: mono; font-size: 9pt;">background: transparent url(\'bg.jpg\') repeat fixed right top;</span><br />
|
|
||||||
Background gradients can be set on all block elements e.g. P, DIV, H1-H6, as well as on BODY.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h4>Rounded Borders</h4>
|
|
||||||
<div class="rounded">
|
|
||||||
Rounded corners to borders can be added using border-radius as defined in the draft spec. of <a href="http://www.w3.org/TR/2008/WD-css3-background-20080910/#layering">CSS3</a>. <br />
|
|
||||||
|
|
||||||
The two length values of the border-*-radius properties define the radii of a quarter ellipse that defines the shape of the corner of the outer border edge.
|
|
||||||
The first value is the horizontal radius. <br />
|
|
||||||
<span style="font-family: mono; font-size: 9pt;">border-top-left-radius: 55pt 25pt;</span> 55pt is radius of curve from top end of left border starting to go round to the top.<br />
|
|
||||||
|
|
||||||
If the second length is omitted it is equal to the first (and the corner is thus a quarter circle). If either length is zero, the corner is square, not rounded.<br />
|
|
||||||
|
|
||||||
The border-radius shorthand sets all four border-*-radius properties. If values are given before and after a slash, then the values before the slash set the horizontal radius and the values after the slash set the vertical radius. If there is no slash, then the values set both radii equally. The four values for each radii are given in the order top-left, top-right, bottom-right, bottom-left. If bottom-left is omitted it is the same as top-right. If bottom-right is omitted it is the same as top-left. If top-right is omitted it is the same as top-left.
|
|
||||||
</div>
|
|
||||||
<div class="rounded">
|
|
||||||
<span style="font-family: mono; font-size: 9pt;">border-radius: 4em;</span><br />
|
|
||||||
|
|
||||||
would be equivalent to<br />
|
|
||||||
|
|
||||||
<span style="font-family: mono; font-size: 9pt;">border-top-left-radius: 4em;<br />
|
|
||||||
border-top-right-radius: 4em;<br />
|
|
||||||
border-bottom-right-radius: 4em;<br />
|
|
||||||
border-bottom-left-radius: 4em;</span><br />
|
|
||||||
<br />
|
|
||||||
and<br />
|
|
||||||
<span style="font-family: mono; font-size: 9pt;">border-radius: 2em 1em 4em / 0.5em 3em;</span><br />
|
|
||||||
would be equivalent to<br />
|
|
||||||
<span style="font-family: mono; font-size: 9pt;">border-top-left-radius: 2em 0.5em;<br />
|
|
||||||
border-top-right-radius: 1em 3em;<br />
|
|
||||||
border-bottom-right-radius: 4em 0.5em;<br />
|
|
||||||
border-bottom-left-radius: 1em 3em;</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF();
|
|
||||||
|
|
||||||
$mpdf->SetDisplayMode('fullpage');
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
|
|
||||||
exit;
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,207 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<style>
|
|
||||||
table { border-collapse: collapse; margin-top: 0; text-align: center; }
|
|
||||||
td { padding: 0.5em; }
|
|
||||||
h1 { margin-bottom: 0; }z
|
|
||||||
</style>
|
|
||||||
<h1>mPDF Images</h1>
|
|
||||||
|
|
||||||
<table>
|
|
||||||
<tr>
|
|
||||||
<td>GIF</td>
|
|
||||||
<td>JPG</td>
|
|
||||||
<td>JPG (CMYK)</td>
|
|
||||||
<td>PNG</td>
|
|
||||||
<td>BMP</td>
|
|
||||||
<td>WMF</td>
|
|
||||||
<td>SVG</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><img style="vertical-align: top" src="tiger.gif" width="80" /></td>
|
|
||||||
<td><img style="vertical-align: top" src="tiger.jpg" width="80" /></td>
|
|
||||||
<td><img style="vertical-align: top" src="tigercmyk.jpg" width="80" /></td>
|
|
||||||
<td><img style="vertical-align: top" src="tiger.png" width="80" /></td>
|
|
||||||
<td><img style="vertical-align: top" src="tiger.bmp" width="80" /></td>
|
|
||||||
<td><img style="vertical-align: top" src="tiger2.wmf" width="80" /></td>
|
|
||||||
<td><img style="vertical-align: top" src="tiger.svg" width="80" /></td>
|
|
||||||
</tr>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td colspan="7" style="text-align: left" ><h4>Opacity 50%</h4></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<tr>
|
|
||||||
<td><img style="vertical-align: top; opacity: 0.5" src="tiger.gif" width="80" /></td>
|
|
||||||
<td><img style="vertical-align: top; opacity: 0.5" src="tiger.jpg" width="80" /></td>
|
|
||||||
<td><img style="vertical-align: top; opacity: 0.5" src="tigercmyk.jpg" width="80" /></td>
|
|
||||||
<td><img style="vertical-align: top; opacity: 0.5" src="tiger.png" width="80" /></td>
|
|
||||||
<td><img style="vertical-align: top; opacity: 0.5" src="tiger.bmp" width="80" /></td>
|
|
||||||
<td><img style="vertical-align: top; opacity: 0.5" src="tiger2.wmf" width="80" /></td>
|
|
||||||
<td><img style="vertical-align: top; opacity: 0.5" src="tiger.svg" width="80" /></td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<h4>Alpha channel</h4>
|
|
||||||
<table>
|
|
||||||
<tr>
|
|
||||||
<td>PNG</td>
|
|
||||||
<td><img style="vertical-align: top" src="alpha.png" width="85" /></td>
|
|
||||||
<td style="background-color:#FFCCFF; "><img style="vertical-align: top" src="alpha.png" width="85" /></td>
|
|
||||||
<td style="background-color:#FFFFCC;"><img style="vertical-align: top" src="alpha.png" width="85" /></td>
|
|
||||||
<td style="background-color:#CCFFFF;"><img style="vertical-align: top" src="alpha.png" width="85" /></td>
|
|
||||||
<td style="background-color:#CCFFFF; background: transparent url(\'bg.jpg\') repeat scroll right top;"><img style="vertical-align: top" src="alpha.png" width="85" /></td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
<h4>Transparency</h4>
|
|
||||||
<table><tr>
|
|
||||||
<td>PNG</td>
|
|
||||||
<td style="background-color:#FFCCFF; "><img style="vertical-align: top" src="tiger24trns.png" width="85" /></td>
|
|
||||||
<td style="background-color:#FFFFCC;"><img style="vertical-align: top" src="tiger24trns.png" width="85" /></td>
|
|
||||||
<td style="background-color:#CCFFFF;"><img style="vertical-align: top" src="tiger24trns.png" width="85" /></td>
|
|
||||||
<td style="background-color:#CCFFFF; background: transparent url(\'bg.jpg\') repeat scroll right top;"><img style="vertical-align: top" src="tiger24trns.png" width="85" /></td>
|
|
||||||
</tr><tr>
|
|
||||||
<td>GIF</td>
|
|
||||||
<td style="background-color:#FFCCFF;"><img style="vertical-align: top" src="tiger8trns.gif" width="85" /></td>
|
|
||||||
<td style="background-color:#FFFFCC;"><img style="vertical-align: top" src="tiger8trns.gif" width="85" /></td>
|
|
||||||
<td style="background-color:#CCFFFF;"><img style="vertical-align: top" src="tiger8trns.gif" width="85" /></td>
|
|
||||||
<td style="background-color:#CCFFFF; background: transparent url(\'bg.jpg\') repeat scroll right top;"><img style="vertical-align: top" src="tiger8trns.gif" width="85" /></td>
|
|
||||||
</tr><tr>
|
|
||||||
<td>WMF</td>
|
|
||||||
<td style="background-color:#FFCCFF;"><img style="vertical-align: top" src="tiger2.wmf" width="85" /></td>
|
|
||||||
<td style="background-color:#FFFFCC;"><img style="vertical-align: top" src="tiger2.wmf" width="85" /></td>
|
|
||||||
<td style="background-color:#CCFFFF;"><img style="vertical-align: top" src="tiger2.wmf" width="85" /></td>
|
|
||||||
<td style="background-color:#CCFFFF; background: transparent url(\'bg.jpg\') repeat scroll right top;"><img style="vertical-align: top" src="tiger2.wmf" width="85" /></td>
|
|
||||||
</tr><tr>
|
|
||||||
<td>SVG</td>
|
|
||||||
<td style="background-color:#FFCCFF;"><img style="vertical-align: top" src="tiger.svg" width="85" /></td>
|
|
||||||
<td style="background-color:#FFFFCC;"><img style="vertical-align: top" src="tiger.svg" width="85" /></td>
|
|
||||||
<td style="background-color:#CCFFFF;"><img style="vertical-align: top" src="tiger.svg" width="85" /></td>
|
|
||||||
<td style="background-color:#CCFFFF; background: transparent url(\'bg.jpg\') repeat scroll right top;"><img style="vertical-align: top" src="tiger.svg" width="85" /></td>
|
|
||||||
</tr></table>
|
|
||||||
|
|
||||||
|
|
||||||
Images returned from tiger.php
|
|
||||||
<div>
|
|
||||||
GIF <img style="vertical-align: top" src="tiger.php?t=gif" width="85" />
|
|
||||||
JPG <img style="vertical-align: top" src="tiger.php?t=jpg" width="85" />
|
|
||||||
PNG <img style="vertical-align: top" src="tiger.php?t=png" width="85" />
|
|
||||||
WMF <img style="vertical-align: top" src="tiger.php?t=wmf" width="85" />
|
|
||||||
SVG <img style="vertical-align: top" src="tiger.php?t=svg" width="85" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
|
|
||||||
<h3>Image Alignment</h3>
|
|
||||||
<div>From mPDF version 4.2 onwards, in-line images can be individually aligned (vertically). Most of the values for "vertical-align" are supported: top, bottom, middle, baseline, text-top, and text-bottom. The default value for vertical alignment has been changed to baseline, and the default padding to 0, consistent with most browsers.
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<div style="background-color:#CCFFFF;">
|
|
||||||
These images <img src="img1.png" style="vertical-align: top;" />
|
|
||||||
are <img src="img2.png" style="vertical-align: top;" />
|
|
||||||
<b>top</b> <img src="img3.png" style="vertical-align: top;" />
|
|
||||||
aligned <img src="img4.png" style="vertical-align: middle;" />
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<div style="background-color:#CCFFFF;">
|
|
||||||
These images <img src="img1.png" style="vertical-align: text-top;" />
|
|
||||||
are <img src="img2.png" style="vertical-align: text-top;" />
|
|
||||||
<b>text-top</b> <img src="img3.png" style="vertical-align: text-top;" />
|
|
||||||
aligned <img src="img4.png" style="vertical-align: middle;" />
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<div style="background-color:#CCFFFF;">
|
|
||||||
These images <img src="img1.png" style="vertical-align: bottom;" />
|
|
||||||
are <img src="img2.png" style="vertical-align: bottom;" />
|
|
||||||
<b>bottom</b> <img src="img3.png" style="vertical-align: bottom;" />
|
|
||||||
aligned <img src="img4.png" style="vertical-align: middle;" />
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<div style="background-color:#CCFFFF;">
|
|
||||||
These images <img src="img1.png" style="vertical-align: text-bottom;" />
|
|
||||||
are <img src="img2.png" style="vertical-align: text-bottom;" />
|
|
||||||
<b>text-bottom</b> <img src="img3.png" style="vertical-align: text-bottom;" />
|
|
||||||
aligned <img src="img4.png" style="vertical-align: middle;" />
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<div style="background-color:#CCFFFF;">
|
|
||||||
These images <img src="img1.png" style="vertical-align: baseline;" />
|
|
||||||
are <img src="img2.png" style="vertical-align: baseline;" />
|
|
||||||
<b>baseline</b> <img src="img3.png" style="vertical-align: baseline;" />
|
|
||||||
aligned <img src="img4.png" style="vertical-align: middle;" />
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<div style="background-color:#CCFFFF;">
|
|
||||||
These images <img src="img1.png" style="vertical-align: middle;" />
|
|
||||||
are <img src="img2.png" style="vertical-align: middle;" />
|
|
||||||
<b>middle</b> <img src="img3.png" style="vertical-align: middle;" />
|
|
||||||
aligned <img src="img5.png" style="vertical-align: bottom;" />
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<h4>Mixed alignment</h4>
|
|
||||||
<div style="background-color:#CCFFFF;">
|
|
||||||
baseline: <img src="sunset.jpg" width="50" style="vertical-align: baseline;" />
|
|
||||||
text-bottom: <img src="sunset.jpg" width="30" style="vertical-align: text-bottom;" />
|
|
||||||
middle: <img src="sunset.jpg" width="30" style="vertical-align: middle;" />
|
|
||||||
bottom: <img src="sunset.jpg" width="80" style="vertical-align: bottom;" />
|
|
||||||
text-top: <img src="sunset.jpg" width="50" style="vertical-align: text-top;" />
|
|
||||||
top: <img src="sunset.jpg" width="100" style="vertical-align: top;" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3>Image Border and padding</h3>
|
|
||||||
From mPDF v4.2, Image padding is supported as well as border and margin.
|
|
||||||
<img src="sunset.jpg" width="100" style="border:3px solid #44FF44; padding: 1em;" />
|
|
||||||
|
|
||||||
<h3>Rotated Images</h3>
|
|
||||||
<img src="tiger.png" width="100" />
|
|
||||||
<img src="tiger.png" rotate="90" width="100" />
|
|
||||||
<img src="tiger.png" rotate="180" width="100" />
|
|
||||||
<img src="tiger.png" rotate="-90" width="100" />
|
|
||||||
<br />
|
|
||||||
<img src="tiger.jpg" width="100" />
|
|
||||||
<img src="tiger.jpg" rotate="90" width="100" />
|
|
||||||
<img src="tiger.jpg" rotate="180" width="100" />
|
|
||||||
<img src="tiger.jpg" rotate="-90" width="100" />
|
|
||||||
<br />
|
|
||||||
<img src="tiger2.wmf" width="80" />
|
|
||||||
<img src="tiger2.wmf" rotate="90" width="80" />
|
|
||||||
<img src="tiger2.wmf" rotate="180" width="80" />
|
|
||||||
<img src="tiger2.wmf" rotate="-90" width="80" />
|
|
||||||
<br />
|
|
||||||
<img src="tiger.svg" width="100" />
|
|
||||||
<img src="tiger.svg" rotate="90" width="85" />
|
|
||||||
<img src="tiger.svg" rotate="180" width="100" />
|
|
||||||
<img src="tiger.svg" rotate="-90" width="85" />
|
|
||||||
<br />
|
|
||||||
|
|
||||||
';
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('c');
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,532 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<head>
|
|
||||||
<style>
|
|
||||||
table {
|
|
||||||
border-collapse: separate;
|
|
||||||
border: 4px solid #880000;
|
|
||||||
padding: 3px;
|
|
||||||
margin: 0px 20px 0px 20px;
|
|
||||||
empty-cells: hide;
|
|
||||||
background-color:#FFFFCC;
|
|
||||||
}
|
|
||||||
table.outer2 {
|
|
||||||
border-collapse: separate;
|
|
||||||
border: 4px solid #088000;
|
|
||||||
padding: 3px;
|
|
||||||
margin: 10px 0px;
|
|
||||||
empty-cells: hide;
|
|
||||||
background-color: yellow;
|
|
||||||
}
|
|
||||||
table.outer2 td {
|
|
||||||
font-family: Times;
|
|
||||||
}
|
|
||||||
table.inner {
|
|
||||||
border-collapse: collapse;
|
|
||||||
border: 2px solid #000088;
|
|
||||||
padding: 3px;
|
|
||||||
margin: 5px;
|
|
||||||
empty-cells: show;
|
|
||||||
background-color:#FFCCFF;
|
|
||||||
}
|
|
||||||
td {
|
|
||||||
border: 1px solid #008800;
|
|
||||||
padding: 0px;
|
|
||||||
background-color:#ECFFDF;
|
|
||||||
}
|
|
||||||
table.inner td {
|
|
||||||
border: 1px solid #000088;
|
|
||||||
padding: 0px;
|
|
||||||
font-family: monospace;
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #880000;
|
|
||||||
background-color:#FFECDF;
|
|
||||||
}
|
|
||||||
table.collapsed {
|
|
||||||
border-collapse: collapse;
|
|
||||||
}
|
|
||||||
table.collapsed td {
|
|
||||||
background-color:#EDFCFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>Tables - Nested</h2>
|
|
||||||
|
|
||||||
|
|
||||||
<div style="border: 2px solid #000088; background-color: #DDDDFF; padding: 2mm;">
|
|
||||||
Text before table
|
|
||||||
|
|
||||||
<div style="border: 2px solid #008888; background-color: #DCAFCF; padding: 2mm;">
|
|
||||||
|
|
||||||
<table cellSpacing="2" rotate="-90" align="center" autosize="1.5">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>
|
|
||||||
|
|
||||||
<table cellSpacing="2">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Row A</td>
|
|
||||||
<td>A2</td>
|
|
||||||
<td>A3</td>
|
|
||||||
<td>A4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row B</td>
|
|
||||||
<td>B2</td>
|
|
||||||
<td>B3</td>
|
|
||||||
<td>B4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row C</td>
|
|
||||||
<td>C2</td>
|
|
||||||
<td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id <a href="http://www.dummy.com">euismod auctor</a>, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </td>
|
|
||||||
<td>C4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row D</td>
|
|
||||||
<td>D2</td>
|
|
||||||
<td>D3</td>
|
|
||||||
<td>D4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
</tbody></table>
|
|
||||||
|
|
||||||
|
|
||||||
</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>
|
|
||||||
|
|
||||||
<table cellSpacing="2">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Row A</td>
|
|
||||||
<td>A2</td>
|
|
||||||
<td>A3</td>
|
|
||||||
<td>A4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row B</td>
|
|
||||||
<td>B2</td>
|
|
||||||
<td>B3</td>
|
|
||||||
<td>B4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row C</td>
|
|
||||||
<td>C2</td>
|
|
||||||
<td style="background: transparent url(\'bg.jpg\') repeat scroll right top;" >Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </td>
|
|
||||||
<td>C4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row D</td>
|
|
||||||
<td>D2</td>
|
|
||||||
<td>D3</td>
|
|
||||||
<td>D4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
</tbody></table>
|
|
||||||
|
|
||||||
|
|
||||||
</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>
|
|
||||||
|
|
||||||
<table cellSpacing="2">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Row A</td>
|
|
||||||
<td>A2</td>
|
|
||||||
<td>A3</td>
|
|
||||||
<td>A4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row B</td>
|
|
||||||
<td>B2</td>
|
|
||||||
<td>B3</td>
|
|
||||||
<td>B4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row C</td>
|
|
||||||
<td>C2</td>
|
|
||||||
<td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </td>
|
|
||||||
<td>C4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row D</td>
|
|
||||||
<td>D2</td>
|
|
||||||
<td>D3</td>
|
|
||||||
<td>D4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
</tbody></table>
|
|
||||||
|
|
||||||
|
|
||||||
</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>
|
|
||||||
|
|
||||||
<table cellSpacing="2">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Row A</td>
|
|
||||||
<td>A2</td>
|
|
||||||
<td>A3</td>
|
|
||||||
<td>A4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row B</td>
|
|
||||||
<td>B2</td>
|
|
||||||
<td>B3</td>
|
|
||||||
<td>B4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row C</td>
|
|
||||||
<td>C2</td>
|
|
||||||
<td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </td>
|
|
||||||
<td>C4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row D</td>
|
|
||||||
<td>D2</td>
|
|
||||||
<td>D3</td>
|
|
||||||
<td>D4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
</tbody></table>
|
|
||||||
|
|
||||||
|
|
||||||
</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td></td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
|
|
||||||
</tbody></table>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p>Text before table</p>
|
|
||||||
|
|
||||||
<table cellSpacing="2" class="outer2" autosize="3" style="page-break-inside:avoid">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Row 1</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td style="text-align: right;">
|
|
||||||
Text before table
|
|
||||||
|
|
||||||
<table cellSpacing="2" class="inner" width="80%">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Row A</td>
|
|
||||||
<td>A2</td>
|
|
||||||
<td>A3</td>
|
|
||||||
<td>A4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row B</td>
|
|
||||||
<td>B2</td>
|
|
||||||
<td>B3</td>
|
|
||||||
<td>B4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row C</td>
|
|
||||||
<td>C2</td>
|
|
||||||
<td>C3</td>
|
|
||||||
<td>C4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row D</td>
|
|
||||||
<td>D2</td>
|
|
||||||
<td>D3</td>
|
|
||||||
<td>D4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
</tbody></table>
|
|
||||||
<p>Text after table</p>
|
|
||||||
|
|
||||||
|
|
||||||
</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row 2</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row 3</td>
|
|
||||||
<td style="text-align: center; vertical-align: middle;">
|
|
||||||
|
|
||||||
<table cellSpacing="2" class="inner" width="80%">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Row A</td>
|
|
||||||
<td>A2</td>
|
|
||||||
<td>A3</td>
|
|
||||||
<td>A4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row B</td>
|
|
||||||
<td>B2</td>
|
|
||||||
<td style="text-align:center;"><img src="sunset.jpg" width="84" style="border:3px solid #44FF44; vertical-align:top; " /></td>
|
|
||||||
<td>B4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row C</td>
|
|
||||||
<td>C2</td>
|
|
||||||
<td>
|
|
||||||
|
|
||||||
<table cellSpacing="2">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>F1</td>
|
|
||||||
<td>F2</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec et nulla. Sed quis orci.</td>
|
|
||||||
<td>G2</td>
|
|
||||||
</tr>
|
|
||||||
</tbody></table>
|
|
||||||
|
|
||||||
</td>
|
|
||||||
<td>C4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row D</td>
|
|
||||||
<td>D2</td>
|
|
||||||
<td>D3</td>
|
|
||||||
<td>D4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
</tbody></table>
|
|
||||||
|
|
||||||
|
|
||||||
</td>
|
|
||||||
<td style="vertical-align: bottom; ">
|
|
||||||
<table cellSpacing="2" class="inner" align="right">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Row A</td>
|
|
||||||
<td>A2</td>
|
|
||||||
<td>A3</td>
|
|
||||||
<td>A4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row B</td>
|
|
||||||
<td>B2</td>
|
|
||||||
<td>B3</td>
|
|
||||||
<td>B4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row C</td>
|
|
||||||
<td>C2</td>
|
|
||||||
<td>C3</td>
|
|
||||||
<td>C4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row D</td>
|
|
||||||
<td>D2</td>
|
|
||||||
<td>D3</td>
|
|
||||||
<td>D4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
</tbody></table>
|
|
||||||
</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row 4</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td><table cellSpacing="2" class="inner">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Row A</td>
|
|
||||||
<td>A2</td>
|
|
||||||
<td>A3</td>
|
|
||||||
<td>A4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row B</td>
|
|
||||||
<td>B2</td>
|
|
||||||
<td style="text-align:center;"><img src="sunset.jpg" width="84" style="border:3px solid #44FF44; vertical-align:top; " /></td>
|
|
||||||
<td>B4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row C</td>
|
|
||||||
<td>C2</td>
|
|
||||||
<td>
|
|
||||||
|
|
||||||
<table cellSpacing="2">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>F1</td>
|
|
||||||
<td>F2</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec et nulla. Sed quis orci.</td>
|
|
||||||
<td>G2</td>
|
|
||||||
</tr>
|
|
||||||
</tbody></table>
|
|
||||||
|
|
||||||
</td>
|
|
||||||
<td>C4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row D</td>
|
|
||||||
<td>D2</td>
|
|
||||||
<td>D3</td>
|
|
||||||
<td>D4</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
</tbody></table>
|
|
||||||
|
|
||||||
</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
|
|
||||||
</tbody></table>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p> </p>
|
|
||||||
|
|
||||||
|
|
||||||
<div style="border: 1px solid #000088; background-color: #DDDDFF; padding: 5mm;">
|
|
||||||
Text before table
|
|
||||||
|
|
||||||
<table cellSpacing="2" class="separate">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td style="background-color:#FFCCFF;">Row 1</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>
|
|
||||||
|
|
||||||
NO NESTING </td>
|
|
||||||
<td>This is data</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row 2</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row 3</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>Row 4</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
</tbody></table>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('c','A4','','',32,25,27,25,16,13);
|
|
||||||
|
|
||||||
$mpdf->SetDisplayMode('fullpage');
|
|
||||||
|
|
||||||
$mpdf->list_indent_first_level = 0; // 1 or 0 - whether to indent the first level of a list
|
|
||||||
|
|
||||||
// LOAD a stylesheet
|
|
||||||
$stylesheet = file_get_contents('mpdfstyletables.css');
|
|
||||||
$mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,500 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<html><head>
|
|
||||||
<style>
|
|
||||||
table {
|
|
||||||
font-family: sans-serif;
|
|
||||||
border: 7mm solid aqua;
|
|
||||||
border-collapse: collapse;
|
|
||||||
}
|
|
||||||
table.table2 {
|
|
||||||
border: 2mm solid aqua;
|
|
||||||
border-collapse: collapse;
|
|
||||||
}
|
|
||||||
table.layout {
|
|
||||||
border: 0mm solid black;
|
|
||||||
border-collapse: collapse;
|
|
||||||
}
|
|
||||||
td.layout {
|
|
||||||
text-align: center;
|
|
||||||
border: 0mm solid black;
|
|
||||||
}
|
|
||||||
td {
|
|
||||||
padding: 3mm;
|
|
||||||
border: 2mm solid blue;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
td.redcell {
|
|
||||||
border: 3mm solid red;
|
|
||||||
}
|
|
||||||
td.redcell2 {
|
|
||||||
border: 2mm solid red;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>Tables - Borders</h2>
|
|
||||||
<h4>mPDF</h4>
|
|
||||||
|
|
||||||
Border conflict resolution in tables with border-collapse set to "collapse". mPDF follows the rules set by CSS as well as possible, but as you can see, there is some difference in interpretation of the rules:
|
|
||||||
|
|
||||||
<table class="layout">
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="layout">mPDF</td>
|
|
||||||
<td class="layout">Internet Explorer<br />IE 7</td>
|
|
||||||
<td class="layout">Firefox<br />v 3.0.3</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="layout">
|
|
||||||
|
|
||||||
|
|
||||||
<table>
|
|
||||||
<tr>
|
|
||||||
<td style="border:5mm solid green">1</td>
|
|
||||||
<td>1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td rowspan="2" class="redcell" style="border:5mm solid teal">1</td>
|
|
||||||
<td style="border:3mm solid pink">1</td>
|
|
||||||
<td style="border:5mm solid purple">1</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="border:2mm solid gray">1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="redcell">1</td>
|
|
||||||
<td>1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="layout" rowspan="3"><img src="bordersIE.jpg" /></td>
|
|
||||||
<td class="layout" rowspan="3"><img src="bordersFF.jpg" /></td>
|
|
||||||
|
|
||||||
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="layout" style="text-align: left">
|
|
||||||
|
|
||||||
<table style="border: 2.5mm solid aqua">
|
|
||||||
<tr>
|
|
||||||
<td class="redcell">1</td>
|
|
||||||
<td>1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td rowspan="2" class="redcell" style="border:5mm solid green">1</td>
|
|
||||||
<td>1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="redcell">1</td>
|
|
||||||
<td>1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="layout">
|
|
||||||
|
|
||||||
<table>
|
|
||||||
<tr>
|
|
||||||
<td class="redcell">1</td>
|
|
||||||
<td>1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td rowspan="2" >1</td>
|
|
||||||
<td>1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="border:5mm solid yellow">1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="redcell">1</td>
|
|
||||||
<td>1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
|
|
||||||
<table class="layout">
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="layout">mPDF</td>
|
|
||||||
<td class="layout">mPDF < v3</td>
|
|
||||||
<td class="layout">Internet Explorer<br />IE 7</td>
|
|
||||||
<td class="layout">Firefox<br />v 3.0.3</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="layout">
|
|
||||||
|
|
||||||
|
|
||||||
<table class="table2">
|
|
||||||
<tr>
|
|
||||||
<td style="border:2mm solid green">1</td>
|
|
||||||
<td>1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td rowspan="2" class="redcell2" style="border:2mm solid teal">1</td>
|
|
||||||
<td style="border:2mm solid pink">1</td>
|
|
||||||
<td style="border:2mm solid purple">1</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="border:2mm solid gray">1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="redcell2">1</td>
|
|
||||||
<td>1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="layout" rowspan="3"><img src="bordersMPDF2.jpg" /></td>
|
|
||||||
<td class="layout" rowspan="3"><img src="borders2IE.jpg" /></td>
|
|
||||||
<td class="layout" rowspan="3"><img src="borders2FF.jpg" /></td>
|
|
||||||
|
|
||||||
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="layout" style="text-align: left">
|
|
||||||
|
|
||||||
<table style="border: 2mm solid aqua" class="table2">
|
|
||||||
<tr>
|
|
||||||
<td class="redcell2">1</td>
|
|
||||||
<td>1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td rowspan="2" class="redcell2" style="border:2mm solid green">1</td>
|
|
||||||
<td>1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="redcell2">1</td>
|
|
||||||
<td>1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="layout">
|
|
||||||
|
|
||||||
<table class="table2">
|
|
||||||
<tr>
|
|
||||||
<td class="redcell2">1</td>
|
|
||||||
<td>1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td rowspan="2" >1</td>
|
|
||||||
<td>1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="border:2mm solid yellow">1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="redcell2">1</td>
|
|
||||||
<td>1</td>
|
|
||||||
<td>1</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
<h4>mPDF</h4>
|
|
||||||
|
|
||||||
<table style="border: 10px solid orange">
|
|
||||||
<tr>
|
|
||||||
<td style="border: 10px solid orange">Data</td>
|
|
||||||
<td style="border: 10px double red">double red</td>
|
|
||||||
<td style="border: 10px dashed yellow">dashed yellow</td>
|
|
||||||
<td style="border: 10px dotted green">dotted green</td>
|
|
||||||
<td style="border: 10px solid orange">Data</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="border: 10px solid orange">Data</td>
|
|
||||||
<td style="border: 10px hidden orange">hidden </td>
|
|
||||||
<td style="border: 10px solid orange">Data</td>
|
|
||||||
<td style="border: 10px none orange">none</td>
|
|
||||||
<td style="border: 10px solid orange">Data</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="border: 10px solid orange">Data</td>
|
|
||||||
<td style="border: 10px ridge blue">ridge blue</td>
|
|
||||||
<td style="border: 10px none orange">none </td>
|
|
||||||
<td style="border: 10px none orange">none </td>
|
|
||||||
<td style="border: 10px solid orange">Data</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="border: 10px solid orange">Data</td>
|
|
||||||
<td style="border: 10px none orange">none </td>
|
|
||||||
<td style="border: 10px groove pink">groove pink</td>
|
|
||||||
<td style="border: 10px none orange">none </td>
|
|
||||||
<td style="border: 10px solid orange">Data</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="border: 10px none orange">none </td>
|
|
||||||
<td style="border: 10px inset gray">inset gray</td>
|
|
||||||
<td style="border: 10px none orange">none </td>
|
|
||||||
<td style="border: 10px outset purple">outset purple</td>
|
|
||||||
<td style="border: 10px none orange">none </td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<h4>Firefox</h4>
|
|
||||||
<img src="borders3FF.jpg" />
|
|
||||||
|
|
||||||
<br />
|
|
||||||
|
|
||||||
|
|
||||||
<h4>IE 7</h4>
|
|
||||||
<img src="borders3IE.jpg" />
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
<div>mPDF</div>
|
|
||||||
|
|
||||||
<table style="border: 10px solid orange; border-collapse: separate;">
|
|
||||||
<tr>
|
|
||||||
<td style="border: 10px solid orange">Data</td>
|
|
||||||
<td style="border: 10px double red">double red</td>
|
|
||||||
<td style="border: 10px dashed yellow">dashed yellow</td>
|
|
||||||
<td style="border: 10px dotted green">dotted green</td>
|
|
||||||
<td style="border: 10px solid orange">Data</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="border: 10px solid orange">Data</td>
|
|
||||||
<td style="border: 10px hidden orange">hidden </td>
|
|
||||||
<td style="border: 10px solid orange">Data</td>
|
|
||||||
<td style="border: 10px none orange">none</td>
|
|
||||||
<td style="border: 10px solid orange">Data</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="border: 10px solid orange">Data</td>
|
|
||||||
<td style="border: 10px ridge blue">ridge blue</td>
|
|
||||||
<td style="border: 10px none orange">none </td>
|
|
||||||
<td style="border: 10px none orange">none </td>
|
|
||||||
<td style="border: 10px solid orange">Data</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="border: 10px solid orange">Data</td>
|
|
||||||
<td style="border: 10px none orange">none </td>
|
|
||||||
<td style="border: 10px groove pink">groove pink</td>
|
|
||||||
<td style="border: 10px none orange">none </td>
|
|
||||||
<td style="border: 10px solid orange">Data</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="border: 10px none orange">none </td>
|
|
||||||
<td style="border: 10px inset gray">inset gray</td>
|
|
||||||
<td style="border: 10px none orange">none </td>
|
|
||||||
<td style="border: 10px outset purple">outset purple</td>
|
|
||||||
<td style="border: 10px none orange">none </td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<div>Firefox</div>
|
|
||||||
<img style="margin:0;" src="borders4FF.jpg" />
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div>IE 7</div>
|
|
||||||
<img style="margin:0;" src="borders4IE.jpg" />
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
|
|
||||||
<table style="border: 5px inset teal">
|
|
||||||
<tr>
|
|
||||||
<td style="border: 5px solid orange">solid orange</td>
|
|
||||||
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
|
|
||||||
<td style="border: 5px double red">double red</td>
|
|
||||||
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
|
|
||||||
<td style="border: 5px inset gray">inset gray</td>
|
|
||||||
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
|
|
||||||
<td style="border: 5px outset purple">outset purple</td>
|
|
||||||
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
|
|
||||||
<td style="border: 5px groove pink">groove pink</td>
|
|
||||||
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
|
|
||||||
<td style="border: 5px ridge blue">ridge blue</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
<table style="border: 5px inset gray; border-collapse: separate;">
|
|
||||||
<tr>
|
|
||||||
<td style="border: 5px solid orange">solid orange</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px double red">double red</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px inset gray">inset gray</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px outset purple">outset purple</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px groove pink">groove pink</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px ridge blue">ridge blue</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
<table style="border: 5px outset purple; border-collapse: separate;">
|
|
||||||
<tr>
|
|
||||||
<td style="border: 5px solid orange">solid orange</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px double red">double red</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px inset gray">inset gray</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px outset purple">outset purple</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px groove pink">groove pink</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px ridge blue">ridge blue</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
<table style="border: 5px groove pink; border-collapse: separate;">
|
|
||||||
<tr>
|
|
||||||
<td style="border: 5px solid orange">solid orange</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px double red">double red</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px inset gray">inset gray</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px outset purple">outset purple</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px groove pink">groove pink</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px ridge blue">ridge blue</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
<table style="border: 5px ridge blue; border-collapse: separate;">
|
|
||||||
<tr>
|
|
||||||
<td style="border: 5px solid orange">solid orange</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px double red">double red</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px inset gray">inset gray</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px outset purple">outset purple</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px groove pink">groove pink</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px ridge blue">ridge blue</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
<table style="border: 5px double red; border-collapse: separate;">
|
|
||||||
<tr>
|
|
||||||
<td style="border: 5px solid orange">solid orange</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px double red">double red</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px inset gray">inset gray</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px outset purple">outset purple</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px groove pink">groove pink</td>
|
|
||||||
<td style="border: 0px none black">none</td>
|
|
||||||
<td style="border: 5px ridge blue">ridge blue</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('en-GB-x','A4','','',10,10,10,10,6,3);
|
|
||||||
|
|
||||||
$mpdf->SetDisplayMode('fullpage');
|
|
||||||
|
|
||||||
$mpdf->list_indent_first_level = 0; // 1 or 0 - whether to indent the first level of a list
|
|
||||||
|
|
||||||
// LOAD a stylesheet
|
|
||||||
$stylesheet = file_get_contents('mpdfstyletables.css');
|
|
||||||
$mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,137 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<style>
|
|
||||||
ol, ul { text-align: justify;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lista { list-style-type: upper-roman; }
|
|
||||||
.listb{ list-style-type: decimal; font-family: sans-serif; color: blue; font-weight: bold; font-style: italic; font-size: 19pt; }
|
|
||||||
.listc{ list-style-type: upper-alpha; text-indent: 25mm; }
|
|
||||||
.listd{ list-style-type: lower-alpha; color: teal; line-height: 2; }
|
|
||||||
.liste{ list-style-type: disc; }
|
|
||||||
</style>
|
|
||||||
|
|
||||||
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>Lists</h2>
|
|
||||||
|
|
||||||
<div style="background-color:#ddccff; padding:0pt; border: 1px solid #555555;">
|
|
||||||
<ol class="lista">
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li><span style="color:green; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</span></li>
|
|
||||||
<li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.
|
|
||||||
<ol class="listb">
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li><span style="color:green; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</span></li>
|
|
||||||
<li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.
|
|
||||||
<ol class="listc">
|
|
||||||
<li>Big text indent 25mm: Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.
|
|
||||||
</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.
|
|
||||||
<ol class="listd">
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.
|
|
||||||
<ol class="liste">
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
</ol>
|
|
||||||
</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
</ol>
|
|
||||||
</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
</ol>
|
|
||||||
</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
</ol>
|
|
||||||
</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.
|
|
||||||
<ol class="listc">
|
|
||||||
<li>Big text indent 25mm: Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.
|
|
||||||
<ol class="listd">
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.
|
|
||||||
<ol class="liste">
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
</ol>
|
|
||||||
</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.
|
|
||||||
<ol>
|
|
||||||
<li>No class specified. Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
</ol>
|
|
||||||
</li>
|
|
||||||
</ol>
|
|
||||||
</li>
|
|
||||||
</ol>
|
|
||||||
</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
<li>Text here lorem ipsum ibisque totum.</li>
|
|
||||||
</ol>
|
|
||||||
</div>
|
|
||||||
';
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF();
|
|
||||||
|
|
||||||
$mpdf->SetDisplayMode('fullpage');
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->list_align_style = 'L'; // Determines alignment of numbers in numbered lists
|
|
||||||
$mpdf->list_number_suffix = ')';
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
|
|
||||||
exit;
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,204 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
define('_MPDF_PATH','../');
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<form>
|
|
||||||
|
|
||||||
<b>Textarea</b>
|
|
||||||
<textarea name="authors" rows="5" cols="80" wrap="virtual">Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. </textarea>
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<b>Select</b>
|
|
||||||
<select size="1" name="status"><option value="A">Active</option><option value="W" >New item from auto_manager: pending validation</option><option value="I" selected="selected">Incomplete record - pending</option><option value="X" >Flagged for Deletion</option> </select> followed by text
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<b>Input Radio</b>
|
|
||||||
<input type="radio" name="pre_publication" value="0" checked="checked" > No <input type="radio" name="pre_publication" value="1" > Yes
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
<b>Input Radio</b>
|
|
||||||
<input type="radio" name="recommended" value="0" > No <input type="radio" name="recommended" value="1" > Keep <input type="radio" name="recommended" value="2" checked="checked" > Choice
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
<b>Input Text</b>
|
|
||||||
<input type="text" size="190" name="doi" value="10.1258/jrsm.100.5.211">
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<b>Input Password</b>
|
|
||||||
<input type="password" size="40" name="password" value="secret">
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
<input type="checkbox" name="QPC" value="ON" /> Checkboxes<br>
|
|
||||||
<input type="checkbox" name="QPA" value="ON" disabled="disabled" /> Disabled<br>
|
|
||||||
<input type="checkbox" name="QLY" value="ON" checked="checked" /> Selected
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<input type="submit" name="submit" value="Submit" /><br /><br />
|
|
||||||
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<hr style="width:80%;" />
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<form>
|
|
||||||
|
|
||||||
<b>Textarea</b>
|
|
||||||
<textarea name="authors" rows="5" cols="50" wrap="virtual">Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. </textarea>
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<b>Select</b>
|
|
||||||
<select size="1" name="status"><option value="A">Active</option><option value="W" >New item from auto_manager: pending validation</option><option value="I" selected="selected">Incomplete record - pending</option><option value="X" >Flagged for Deletion</option> </select>
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<b>Input Radio</b>
|
|
||||||
<input type="radio" name="pre_publication" value="0" checked="checked" > No <input type="radio" name="pre_publication" value="1" > Yes
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
<b>Input Radio</b>
|
|
||||||
<input type="radio" name="recommended" value="0" > No <input type="radio" name="recommended" value="1" > Keep <input type="radio" name="recommended" value="2" checked="checked" > Choice
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
<b>Input Text</b>
|
|
||||||
<input type="text" size="40" name="doi" value="10.1258/jrsm.100.5.211" />
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<b>Input Password</b>
|
|
||||||
<input type="password" size="40" name="password" value="secret">
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<input type="checkbox" name="QPC" value="ON" /> Checkboxes<br>
|
|
||||||
<input type="checkbox" name="QPA" value="ON" disabled="disabled" /> Disabled<br>
|
|
||||||
<input type="checkbox" name="QLY" value="ON" checked="checked" /> Selected
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<input type="submit" name="submit" value="Submit" /><br /><br />
|
|
||||||
|
|
||||||
</form>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<hr style="width:100%;" />
|
|
||||||
|
|
||||||
|
|
||||||
<form>
|
|
||||||
|
|
||||||
<table border="1" style="padding:2px;" >
|
|
||||||
|
|
||||||
<tr><td valign="top" align="right"><b>Textarea</b></td><td><textarea name="title" rows="5" cols="50" wrap="virtual">TEXTINTABLE Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. </textarea></td></tr>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<tr><td valign="top" align="right"><b>Select</b></td><td><select size="1" name="status"><option value="A">Active</option><option value="W" >New item from auto_manager: pending validation</option><option value="I" selected="selected">Incomplete record - pending</option><option value="X" >Flagged for Deletion</option> </select> <input type="hidden" name="old_status" value="A" /> </td></tr>
|
|
||||||
|
|
||||||
<tr><td valign="bottom" align="right"><b>Input Radio</b></td><td><input type="radio" name="pre_publication" value="0" checked > No <input type="radio" name="pre_publication" value="1" > Yes </td></tr>
|
|
||||||
|
|
||||||
|
|
||||||
<tr><td valign="top" align="right"><b>Input Radio</b></td><td><input type="radio" name="recommended" value="0" > No <input type="radio" name="recommended" value="1" > Keep <input type="radio" name="recommended" value="2" checked="checked" > Choice </td></tr>
|
|
||||||
|
|
||||||
<tr><td valign="top" align="right"><b>Input Text</b></td><td><input type="text" size="40" name="doi" value="10.1258/jrsm.100.5.211"> </td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<br />
|
|
||||||
<table border="1" style="padding:8px;">
|
|
||||||
|
|
||||||
<tr><td valign="top" align="right"><b>Checkbox</b></td><td></td></tr>
|
|
||||||
|
|
||||||
<tr><td><input type="checkbox" name="QPC" value="ON" > Checkboxes<br></td><td><input type="checkbox" name="QSC" value="ON" > Gardening</td></tr>
|
|
||||||
|
|
||||||
<tr><td><input type="checkbox" name="QPA" value="ON" > Holidays<br></td><td><input type="checkbox" name="QPD" value="ON" > Motoring<br></td></tr>
|
|
||||||
|
|
||||||
<tr><td><input type="checkbox" name="QLY" value="ON" checked="checked" > Books</td><td><input type="checkbox" name="QCA" value="ON" > Theatre</td></tr>
|
|
||||||
|
|
||||||
<tr><td><input type="checkbox" name="QNU" value="ON" checked="checked" > Selected option</td><td><input type="checkbox" name="QET" value="ON" > Musicals</td></tr><tr><td><input type="checkbox" name="QBE" value="ON" > Eating out</td><td><input type="checkbox" name="QPY" value="ON" > Events</td></tr>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<tr><td>
|
|
||||||
<input type="submit" name="submit" value="Submit" /><br />
|
|
||||||
</td><td></td></tr></table>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
|
|
||||||
<form>
|
|
||||||
|
|
||||||
<b>Input Radio</b>
|
|
||||||
<input type="radio" name="pre_publication" value="0" checked="checked" > No <input type="radio" name="pre_publication" value="1" > Yes
|
|
||||||
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<input type="hidden" name="doi" value="10.1258/jrsm.100.5.211" />
|
|
||||||
|
|
||||||
<b>Input Radio</b>
|
|
||||||
<input type="radio" name="recommended" value="0" > No <input type="radio" name="recommended" value="1" > Keep <input type="radio" name="recommended" value="2" checked="checked" > Choice
|
|
||||||
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
<b>Input Text</b><br />
|
|
||||||
|
|
||||||
Input text: <input type="text" size="40" name="doi" value="10.1258/jrsm.100.5.211" /> <br />
|
|
||||||
|
|
||||||
Password: <input type="password" size="40" name="doi" value="pallcare" />
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
Checkboxes: <br />
|
|
||||||
<input type="checkbox" name="QPC" value="ON" /> Checkboxes<br>
|
|
||||||
<input type="checkbox" name="QPA" value="ON" disabled="disabled" /> Disabled<br>
|
|
||||||
<input type="checkbox" name="QLY" value="ON" checked="checked" /> Selected
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<input type="image" name="submit" src="goto.gif" />
|
|
||||||
<input type="button" name="submit" value="Button" />
|
|
||||||
<input type="reset" name="submit" value="Reset" />
|
|
||||||
<input type="submit" name="submit" value="Submit" />
|
|
||||||
</form>
|
|
||||||
|
|
||||||
';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
if (isset($_REQUEST['html'])) { echo '<html><head><style>'.file_get_contents('mpdfstyletables.css').'</style></head><body>'.$html.'</body></html>'; exit; }
|
|
||||||
if (isset($_REQUEST['source'])) {
|
|
||||||
$file = __FILE__;
|
|
||||||
header("Content-Type: text/plain");
|
|
||||||
header("Content-Length: ". filesize($file));
|
|
||||||
header("Content-Disposition: attachment; filename='".$file."'");
|
|
||||||
readfile($file);
|
|
||||||
exit;
|
|
||||||
}
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
$mpdf=new mPDF('c');
|
|
||||||
|
|
||||||
// LOAD a stylesheet
|
|
||||||
$stylesheet = file_get_contents('mpdfstyletables.css');
|
|
||||||
$mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text
|
|
||||||
|
|
||||||
$mpdf->SetColumns(2,'J');
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,103 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<style>
|
|
||||||
.gradient {
|
|
||||||
border:0.1mm solid #220044;
|
|
||||||
background-color: #f0f2ff;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
}
|
|
||||||
h4 {
|
|
||||||
font-family: sans;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 1em;
|
|
||||||
margin-bottom: 0.5em;
|
|
||||||
}
|
|
||||||
div {
|
|
||||||
padding:1em;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
text-align:justify;
|
|
||||||
}
|
|
||||||
.myfixed1 { position: absolute;
|
|
||||||
overflow: visible;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
border: 1px solid #880000;
|
|
||||||
background-color: #FFEEDD;
|
|
||||||
background-gradient: linear #dec7cd #fff0f2 0 1 0 0.5;
|
|
||||||
padding: 1.5em;
|
|
||||||
font-family:sans;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.myfixed2 { position: fixed;
|
|
||||||
overflow: auto;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0mm;
|
|
||||||
width: 65mm;
|
|
||||||
border: 1px solid #880000;
|
|
||||||
background-color: #FFEEDD;
|
|
||||||
background-gradient: linear #dec7cd #fff0f2 0 1 0 0.5;
|
|
||||||
padding: 0.5em;
|
|
||||||
font-family:sans;
|
|
||||||
margin: 0;
|
|
||||||
rotate: 90;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>Floating & Fixed Position elements</h2>
|
|
||||||
|
|
||||||
<h4>CSS "Float"</h4>
|
|
||||||
<div class="gradient">
|
|
||||||
Block elements can be positioned alongside each other using the CSS property float: left or right. The clear property can also be used, set as left|right|both. Float is only supported on block elements (i.e. not SPAN etc.) and is not fully compliant with the CSS specification.
|
|
||||||
Float only works properly if a width is set for the float, otherwise the width is set to the maximum available (full width, or less if floats already set).
|
|
||||||
<br />
|
|
||||||
Margin-right can still be set for a float:right and vice-versa.
|
|
||||||
<br />
|
|
||||||
A block element next to a float has the padding adjusted so that content fits in the remaining width. Text next to a float should wrap correctly, but backgrounds and borders will overlap and/or lie under the floats in a mess.
|
|
||||||
<br />
|
|
||||||
NB The width that is set defines the width of the content-box. So if you have two floats with width=50% and either of them has padding, margin or border, they will not fit together on the page.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="gradient" style="float: right; width: 28%; margin-bottom: 0pt; ">
|
|
||||||
<img src="tiger.wmf" style="float:right" width="70" />This is text in a <div> element that is set to float:right and width:28%. It also has an image with float:right inside. With this exception, you cannot nest elements with the float property set inside one another.
|
|
||||||
</div>
|
|
||||||
<div class="gradient" style="float: left; width: 54%; margin-bottom: 0pt; ">
|
|
||||||
This is text in a <div> element that is set to float:left and width:54%.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div style="clear: both; margin: 0pt; padding: 0pt; "></div>
|
|
||||||
This is text that follows a <div> element that is set to clear:both.
|
|
||||||
|
|
||||||
<h4>CSS "Position"</h4>
|
|
||||||
At the bottom of the page are two DIV elements with position:fixed and position:absolute set
|
|
||||||
|
|
||||||
<div class="myfixed1">1 Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo.</div>
|
|
||||||
|
|
||||||
<div class="myfixed2">2 Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo.</div>
|
|
||||||
|
|
||||||
|
|
||||||
';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF();
|
|
||||||
|
|
||||||
$mpdf->SetDisplayMode('fullpage');
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
|
|
||||||
exit;
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,81 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<div style="position:fixed; left: 0; right: 0; bottom: 0; top: 0;">
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h4>Fixed-position block element with Autofit</h4>
|
|
||||||
<div>Using the CSS properties position and overflow:auto it is possible to fit text to a single page:</div>
|
|
||||||
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p>
|
|
||||||
|
|
||||||
<div><img src="tiger.wmf" style="float:right;">DIV: Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div>
|
|
||||||
<div><img src="klematis.jpg" style="opacity: 0.5; float: left;" />DIV: Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div>
|
|
||||||
|
|
||||||
<blockquote>Blockquote: Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus.</blockquote>
|
|
||||||
|
|
||||||
<address>Address: Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus.</address>
|
|
||||||
|
|
||||||
<div><a href="dummy'.time().'">Hyperlink (<a>)</a></div>
|
|
||||||
<div><a href="#top">Hyperlink (<a>)</a></div>
|
|
||||||
<div><a href="http://www.pallcare.info">Hyperlink (<a>)</a></div>
|
|
||||||
|
|
||||||
<div>Styles - <tt>tt(teletype)</tt> <i>italic</i> <b>bold</b> <big>big</big> <small>small</small> <em>emphasis</em> <strong>strong</strong> <br />new lines<br>
|
|
||||||
<code>code</code> <samp>sample</samp> <kbd>keyboard</kbd> <var>variable</var> <cite>citation</cite> <abbr>abbr.</abbr> <acronym>ACRONYM</acronym> <sup>sup</sup> <sub>sub</sub> <strike>strike</strike> <s>strike-s</s> <u>underline</u> <del>delete</del> <ins>insert</ins> <q>To be or not to be</q> <font face="sans-serif" color="#880000" size="5">font changing face, size and color</font>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p style="font-size:15pt; color:#440066">Paragraph using the in-line style to determine the font-size (15pt) and colour</p>
|
|
||||||
|
|
||||||
<h3>Testing BIG, SMALL, UNDERLINE, STRIKETHROUGH, FONT color, ACRONYM, SUPERSCRIPT and SUBSCRIPT</h3>
|
|
||||||
<p>This is <s>strikethrough</s> in <b><s>block</s></b> and <small>small <s>strikethrough</s> in <i>small span</i></small> and <big>big <s>strikethrough</s> in big span</big> and then <u>underline and <s>strikethrough and <sup>sup</sup></s></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p>
|
|
||||||
|
|
||||||
<p>This is a <font color="#008800">green reference<sup>32-47</sup></font> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> then <s>Strikethrough reference<sup>32-47</sup></s> and <s>strikethrough reference<sub>32-47</sub></s></p>
|
|
||||||
|
|
||||||
<p><big>Repeated in <u>BIG</u>: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</big></p>
|
|
||||||
|
|
||||||
<p><small>Repeated in small: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</small></p>
|
|
||||||
|
|
||||||
<p>The above repeated, but starting with a paragraph with font-size specified (7pt)</p>
|
|
||||||
|
|
||||||
<p style="font-size:7pt;">This is <s>strikethrough</s> in block and <small>small <s>strikethrough</s> in small span</small> and then <u>underline</u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p>
|
|
||||||
|
|
||||||
<p style="font-size:7pt;">This is <s>strikethrough</s> in block and <big>big <s>strikethrough</s> in big span</big> and then <u>underline</u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p>
|
|
||||||
|
|
||||||
<p style="font-size:7pt;">This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> then <s>Strikethrough reference<sup>32-47</sup></s> and <s>strikethrough reference<sub>32-47</sub></s></p>
|
|
||||||
|
|
||||||
<p><small>This tests <u>underline</u> and <s>strikethrough</s> when they are <s><u>used together</u></s> as they both use text-decoration</small></p>
|
|
||||||
|
|
||||||
<p><small>Repeated in small: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</small></p>
|
|
||||||
|
|
||||||
<p style="font-size:7pt;"><big>Repeated in BIG but with font-size set to 7pt by in-line css: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</big></p>
|
|
||||||
|
|
||||||
<p>Sed bibendum. Nunc eleifend ornare velit. Sed consectetuer urna in erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris sodales semper metus. Maecenas justo libero, pretium at, malesuada eu, mollis et, arcu. Ut suscipit pede in nulla. Praesent elementum, dolor ac fringilla posuere, elit libero rutrum massa, vel tincidunt dui tellus a ante. Sed aliquet euismod dolor. Vestibulum sed dui. Duis lobortis hendrerit quam. Donec tempus orci ut libero. Pellentesque suscipit malesuada nisi. </p>
|
|
||||||
|
|
||||||
<p>Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo. Cras tellus. Fusce aliquet. Curabitur tincidunt viverra ligula. Fusce eget erat. Donec pede. Vestibulum id felis. Phasellus tincidunt ligula non pede. Morbi turpis. In vitae dui non erat placerat malesuada. Mauris adipiscing congue ante. Proin at erat. Aliquam mattis. </p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
';
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('c');
|
|
||||||
|
|
||||||
$mpdf->SetDisplayMode('fullpage');
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
|
|
||||||
exit;
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,92 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
|
|
||||||
<pageheader name="myHeaderNoNum" content-left="My Book Title" content-center="myHeader1" content-right="" header-style="font-family:sans-serif; font-size:8pt; color:#880000;" header-style-right="font-size:12pt; font-weight:bold; font-style:italic; color:#088000;" line="on" />
|
|
||||||
|
|
||||||
<pageheader name="myHeaderNoNumEven" content-left="" content-center="myHeader1Even" content-right="{DATE j-m-Y}" header-style="font-family:sans-serif; font-size:8pt; color:#000088;" header-style-left="font-weight:bold; " line="on" />
|
|
||||||
|
|
||||||
<pageheader name="myHeader1" content-left="My Book Title" content-center="myHeader1" content-right="{PAGENO}" header-style="font-family:sans-serif; font-size:8pt; color:#880000;" header-style-right="font-size:12pt; font-weight:bold; font-style:italic; color:#088000;" line="on" />
|
|
||||||
|
|
||||||
<pageheader name="myHeader1Even" content-left="{PAGENO}" content-center="myHeader1Even" content-right="{DATE j-m-Y}" header-style="font-family:sans-serif; font-size:8pt; color:#000088;" header-style-left="font-weight:bold; " line="on" />
|
|
||||||
|
|
||||||
|
|
||||||
<htmlpageheader name="myHTMLHeader1" style="display:none">
|
|
||||||
<table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr>
|
|
||||||
<td width="33%">Left header p <span style="font-size:14pt;">{PAGENO}</span></td>
|
|
||||||
<td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td>
|
|
||||||
<td width="33%" style="text-align: right;"><span style="font-weight: bold;">Right header</span></td>
|
|
||||||
</tr></table>
|
|
||||||
</htmlpageheader>
|
|
||||||
|
|
||||||
<htmlpageheader name="myHTMLHeader1Even" style="display:none">
|
|
||||||
<table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr>
|
|
||||||
<td width="33%"><span style="font-weight: bold;">Outer header</span></td>
|
|
||||||
<td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td>
|
|
||||||
<td width="33%" style="text-align: right;">Inner header p <span style="font-size:14pt;">{PAGENO}</span></td>
|
|
||||||
</tr></table>
|
|
||||||
</htmlpageheader>
|
|
||||||
|
|
||||||
<pagefooter name="myFooter1" content-left="My Book Title" content-center="myFooter1" content-right="{PAGENO}" footer-style="font-family:sans-serif; font-size:8pt; font-weight:bold; color:#008800;" footer-style-left="" line="on" />
|
|
||||||
|
|
||||||
<pagefooter name="myFooter1Even" content-left="{PAGENO}" content-center="myFooter1Even" content-right="{DATE j-m-Y}" footer-style="font-family:sans-serif; font-size:10pt; color:#000880;" footer-style-left="font-weight:bold; " line="on" />
|
|
||||||
|
|
||||||
|
|
||||||
<setpageheader name="myHeaderNoNum" page="O" value="on" show-this-page="1" />
|
|
||||||
<setpageheader name="myHeaderNoNumEven" page="E" value="on" />
|
|
||||||
|
|
||||||
<h1 style="margin-collapse: none; margin-top: 35mm">Introduction</h1>
|
|
||||||
<div>Introduction</div>
|
|
||||||
<p>Integer feugiat venenatis metus. Integer lacinia ultrices ipsum. Proin et arcu. Quisque varius libero. Nullam id arcu. Aenean justo quam, accumsan nec, luctus id, pellentesque molestie, mi. Aliquam sollicitudin feugiat eros. Nunc nisi turpis, consequat id, aliquet et, semper a, augue. Integer nisl ipsum, blandit et, lobortis a, egestas nec, odio. Nulla dolor ligula, nonummy ac, vulputate a, sollicitudin id, orci. <!--Donec laoreet nisl id magna. Curabitur mollis, quam eget fermentum malesuada, risus tortor ullamcorper dolor, nec placerat nisi urna non pede. Aliquam pretium, leo in interdum interdum, ipsum neque accumsan lectus, ac fringilla dui ipsum sed justo. In tincidunt risus convallis odio egestas luctus. Integer volutpat. Donec ultricies, leo in congue iaculis, dolor neque imperdiet nibh, vitae feugiat mi enim nec sapien. -->Aenean turpis lorem, consequat quis, varius in, posuere vel, eros. Nulla facilisi.</p>
|
|
||||||
|
|
||||||
<tocpagebreak toc-orientation="landscape" font="mono" font-size="12" indent="5" paging="on" links="on" resetpagenum="1" suppress="off" pagenumstyle="1" orientation="portrait" margin-top="55mm" odd-header-name="myHeader1" odd-header-value="1" even-header-name="html_myHTMLHeader1Even" even-header-value="1" odd-footer-name="myFooter1" odd-footer-value="1" even-footer-name="myFooter1Even" even-footer-value="1" toc-odd-header-name="myHeaderNoNum" toc-odd-header-value="1" toc-even-header-name="myHeaderNoNumEven" toc-even-header-value="1" toc-odd-footer-name="" toc-odd-footer-value="-1" toc-even-footer-name="" toc-even-footer-value="-1" />
|
|
||||||
|
|
||||||
<h1>Section 2<tocentry content="Section 2" /></h1>
|
|
||||||
<div>Section 2</div>
|
|
||||||
<p>Integer feugiat venenatis metus. Integer lacinia ultrices ipsum. Proin et arcu. Quisque varius libero. Nullam id arcu. Aenean justo quam, accumsan nec, luctus id, pellentesque molestie, mi. Aliquam sollicitudin feugiat eros. Nunc nisi turpis, consequat id, aliquet et, semper a, augue. Integer nisl ipsum, blandit et, lobortis a, egestas nec, odio. Nulla dolor ligula, nonummy ac, vulputate a, sollicitudin id, orci. Donec laoreet nisl id magna. Curabitur mollis, quam eget fermentum malesuada, risus tortor ullamcorper dolor, nec placerat nisi urna non pede. Aliquam pretium, leo in interdum interdum, ipsum neque accumsan lectus, ac fringilla dui ipsum sed justo. In tincidunt risus convallis odio egestas luctus. Integer volutpat. Donec ultricies, leo in congue iaculis, dolor neque imperdiet nibh, vitae feugiat mi enim nec sapien. Aenean turpis lorem, consequat quis, varius in, posuere vel, eros. Nulla facilisi.</p>
|
|
||||||
|
|
||||||
<pagebreak type="NEXT-ODD" margin-left="60mm" margin-right="40mm" margin-top="55mm" margin-bottom="30mm" margin-header="12mm" margin-footer="12mm" odd-header-name="html_myHTMLHeader1" odd-header-value="1" even-header-name="myHeader1Even" even-header-value="1" odd-footer-name="myFooter1" odd-footer-value="1" even-footer-name="myFooter1Even" even-footer-value="1" />
|
|
||||||
|
|
||||||
<h1>Section 3<tocentry content="Section 3" /></h1>
|
|
||||||
<div>Section 3</div>
|
|
||||||
<p>Integer feugiat venenatis metus. Integer lacinia ultrices ipsum. Proin et arcu. Quisque varius libero. Nullam id arcu. Aenean justo quam, accumsan nec, luctus id, pellentesque molestie, mi. Aliquam sollicitudin feugiat eros. Nunc nisi turpis, consequat id, aliquet et, semper a, augue. Integer nisl ipsum, blandit et, lobortis a, egestas nec, odio. Nulla dolor ligula, nonummy ac, vulputate a, sollicitudin id, orci. Donec laoreet nisl id magna. Curabitur mollis, quam eget fermentum malesuada, risus tortor ullamcorper dolor, nec placerat nisi urna non pede. Aliquam pretium, leo in interdum interdum, ipsum neque accumsan lectus, ac fringilla dui ipsum sed justo. In tincidunt risus convallis odio egestas luctus. Integer volutpat. Donec ultricies, leo in congue iaculis, dolor neque imperdiet nibh, vitae feugiat mi enim nec sapien. Aenean turpis lorem, consequat quis, varius in, posuere vel, eros. Nulla facilisi.</p>
|
|
||||||
|
|
||||||
<pagebreak orientation="landscape" type="NEXT-ODD" margin-left="60mm" margin-right="40mm" margin-top="55mm" margin-bottom="30mm" margin-header="12mm" margin-footer="12mm" />
|
|
||||||
|
|
||||||
<h1>Section 4<tocentry content="Section 4" /></h1>
|
|
||||||
<div>Section 4</div>
|
|
||||||
<p>Integer feugiat venenatis metus. Integer lacinia ultrices ipsum. Proin et arcu. Quisque varius libero. Nullam id arcu. Aenean justo quam, accumsan nec, luctus id, pellentesque molestie, mi. Aliquam sollicitudin feugiat eros. Nunc nisi turpis, consequat id, aliquet et, semper a, augue. Integer nisl ipsum, blandit et, lobortis a, egestas nec, odio. Nulla dolor ligula, nonummy ac, vulputate a, sollicitudin id, orci. Donec laoreet nisl id magna. Curabitur mollis, quam eget fermentum malesuada, risus tortor ullamcorper dolor, nec placerat nisi urna non pede. Aliquam pretium, leo in interdum interdum, ipsum neque accumsan lectus, ac fringilla dui ipsum sed justo. In tincidunt risus convallis odio egestas luctus. Integer volutpat. Donec ultricies, leo in congue iaculis, dolor neque imperdiet nibh, vitae feugiat mi enim nec sapien. Aenean turpis lorem, consequat quis, varius in, posuere vel, eros. Nulla facilisi.</p>
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak orientation="portrait" type="NEXT-ODD" margin-left="40mm" margin-right="20mm" odd-header-name="myHeader1" odd-header-value="1" even-header-name="myHeader1Even" even-header-value="1" odd-footer-name="myFooter1" odd-footer-value="1" even-footer-name="myFooter1Even" even-footer-value="1" suppress="off" />
|
|
||||||
|
|
||||||
|
|
||||||
<h1>Section 5<tocentry content="Section 5" /></h1>
|
|
||||||
<div>Section 5</div>
|
|
||||||
<p>Integer feugiat venenatis metus. Integer lacinia ultrices ipsum. Proin et arcu. Quisque varius libero. Nullam id arcu. Aenean justo quam, accumsan nec, luctus id, pellentesque molestie, mi. Aliquam sollicitudin feugiat eros. Nunc nisi turpis, consequat id, aliquet et, semper a, augue. Integer nisl ipsum, blandit et, lobortis a, egestas nec, odio. Nulla dolor ligula, nonummy ac, vulputate a, sollicitudin id, orci. Donec laoreet nisl id magna. Curabitur mollis, quam eget fermentum malesuada, risus tortor ullamcorper dolor, nec placerat nisi urna non pede. Aliquam pretium, leo in interdum interdum, ipsum neque accumsan lectus, ac fringilla dui ipsum sed justo. In tincidunt risus convallis odio egestas luctus. Integer volutpat. Donec ultricies, leo in congue iaculis, dolor neque imperdiet nibh, vitae feugiat mi enim nec sapien. Aenean turpis lorem, consequat quis, varius in, posuere vel, eros. Nulla facilisi.</p>
|
|
||||||
|
|
||||||
';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
include("../mpdf.php");
|
|
||||||
$mpdf=new mPDF('c');
|
|
||||||
|
|
||||||
$mpdf->mirrorMargins = true;
|
|
||||||
|
|
||||||
$mpdf->SetDisplayMode('fullpage','two');
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,94 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<htmlpageheader name="myHTMLHeaderOdd" style="display:none">
|
|
||||||
<div style="background-color:#BBEEFF" align="center"><b>{PAGENO}</b></div>
|
|
||||||
</htmlpageheader>
|
|
||||||
<htmlpageheader name="myHTMLHeaderEven" style="display:none">
|
|
||||||
<div style="background-color:#EFFBBE" align="center"><b><i>{PAGENO}</i></b></div>
|
|
||||||
</htmlpageheader>
|
|
||||||
<htmlpagefooter name="myHTMLFooterOdd" style="display:none">
|
|
||||||
<div style="background-color:#CFFFFC" align="center"><b>{PAGENO}</b></div>
|
|
||||||
</htmlpagefooter>
|
|
||||||
<htmlpagefooter name="myHTMLFooterEven" style="display:none">
|
|
||||||
<div style="background-color:#FFCCFF" align="center"><b><i>{PAGENO}</i></b></div>
|
|
||||||
</htmlpagefooter>
|
|
||||||
|
|
||||||
|
|
||||||
<pageheader name="myHeader2Odd" content-left="My Book Title" content-center="myHeader2Odd" content-right="{PAGENO}" header-style="font-family:sans-serif; font-size:8pt; font-weight:bold; color:#008800;" header-style-left="" line="on" />
|
|
||||||
|
|
||||||
<pagefooter name="myFooter2Even" content-left="{PAGENO}" content-center="myFooter2Even" content-right="{DATE j-m-Y}" footer-style="font-family:sans-serif; font-size:10pt; color:#000880;" footer-style-left="font-weight:bold; " line="on" />
|
|
||||||
|
|
||||||
|
|
||||||
<h1 class="heading1">mPDF 1</h1>
|
|
||||||
<h2>Paged Media using CSS</h2>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>
|
|
||||||
|
|
||||||
|
|
||||||
<h1 class="heading2">mPDF 2</h1>
|
|
||||||
<h2>Paged Media using CSS</h2>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>
|
|
||||||
|
|
||||||
|
|
||||||
<h1 class="heading3">mPDF 3</h1>
|
|
||||||
<h2>Paged Media using CSS</h2>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>
|
|
||||||
|
|
||||||
|
|
||||||
<h1 class="heading4">mPDF 4</h1>
|
|
||||||
<h2>Paged Media using CSS</h2>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>
|
|
||||||
|
|
||||||
|
|
||||||
<h1 class="heading5">mPDF 5</h1>
|
|
||||||
<h2>Paged Media using CSS</h2>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>
|
|
||||||
|
|
||||||
|
|
||||||
<h1 class="heading6">mPDF 6</h1>
|
|
||||||
<h2>Paged Media using CSS</h2>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>
|
|
||||||
|
|
||||||
|
|
||||||
<h1 class="heading7">mPDF 7</h1>
|
|
||||||
<h2>Paged Media using CSS</h2>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>
|
|
||||||
|
|
||||||
';
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('c','A4','','',5,5,5,5,0,0);
|
|
||||||
|
|
||||||
$mpdf->mirrorMargins = 1; // Use different Odd/Even headers and footers and mirror margins (1 or 0)
|
|
||||||
|
|
||||||
$mpdf->SetDisplayMode('fullpage','two');
|
|
||||||
|
|
||||||
// LOAD a stylesheet
|
|
||||||
$stylesheet = file_get_contents('mpdfstylePaged.css');
|
|
||||||
$mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,148 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
$lorem = "<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>";
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<!-- defines the headers/footers -->
|
|
||||||
|
|
||||||
<!--mpdf
|
|
||||||
|
|
||||||
<htmlpageheader name="myHTMLHeader">
|
|
||||||
<div style="text-align: right; border-bottom: 1px solid #000000; font-family: serif; font-size: 8pt;">Odd Header</div>
|
|
||||||
</htmlpageheader>
|
|
||||||
|
|
||||||
<htmlpageheader name="myHTMLHeaderEven">
|
|
||||||
<div style="text-align: left; border-bottom: 1px solid #000000; font-family: serif; font-size: 8pt;">Even Header</div>
|
|
||||||
</htmlpageheader>
|
|
||||||
|
|
||||||
<htmlpagefooter name="myHTMLFooter">
|
|
||||||
<table width="100%" style="border-top: 1px solid #000000; vertical-align: top; font-family: sans; font-size: 8pt;"><tr>
|
|
||||||
<td width="33%">{DATE Y-m-d}</td>
|
|
||||||
<td width="33%" align="center"><span style="font-size:12pt;">{PAGENO}</span></td>
|
|
||||||
<td width="33%" style="text-align: right;">Odd Footer</td>
|
|
||||||
</tr></table>
|
|
||||||
</htmlpagefooter>
|
|
||||||
|
|
||||||
<htmlpagefooter name="myHTMLFooterEven">
|
|
||||||
<table width="100%" style="border-top: 1px solid #000000; vertical-align: top; font-family: sans; font-size: 8pt;"><tr>
|
|
||||||
<td width="33%">Even Footer</td>
|
|
||||||
<td width="33%" align="center"><span style="font-size:12pt;">{PAGENO}</span></td>
|
|
||||||
<td width="33%" style="text-align: right;">{DATE Y-m-d}</td>
|
|
||||||
</tr></table>
|
|
||||||
</htmlpagefooter>
|
|
||||||
|
|
||||||
|
|
||||||
<htmlpageheader name="tocHTMLHeader">
|
|
||||||
<div style="text-align: right; border-bottom: 1px solid #000000; font-family: serif; font-size: 8pt;">ToC Odd Header</div>
|
|
||||||
</htmlpageheader>
|
|
||||||
|
|
||||||
<htmlpageheader name="tocHTMLHeaderEven">
|
|
||||||
<div style="text-align: left; border-bottom: 1px solid #000000; font-family: serif; font-size: 8pt;">ToC Even Header</div>
|
|
||||||
</htmlpageheader>
|
|
||||||
|
|
||||||
<htmlpagefooter name="tocHTMLFooter">
|
|
||||||
<table width="100%" style="border-top: 1px solid #000000; vertical-align: top; font-family: sans; font-size: 8pt;"><tr>
|
|
||||||
<td width="33%">{DATE Y-m-d}</td>
|
|
||||||
<td width="33%" align="center"><span style="font-size:12pt;">{PAGENO}</span></td>
|
|
||||||
<td width="33%" style="text-align: right;">ToC Odd Footer</td>
|
|
||||||
</tr></table>
|
|
||||||
</htmlpagefooter>
|
|
||||||
|
|
||||||
<htmlpagefooter name="tocHTMLFooterEven">
|
|
||||||
<table width="100%" style="border-top: 1px solid #000000; vertical-align: top; font-family: sans; font-size: 8pt;"><tr>
|
|
||||||
<td width="33%">ToC Even Footer</td>
|
|
||||||
<td width="33%" align="center"><span style="font-size:12pt;">{PAGENO}</span></td>
|
|
||||||
<td width="33%" style="text-align: right;">{DATE Y-m-d}</td>
|
|
||||||
</tr></table>
|
|
||||||
</htmlpagefooter>
|
|
||||||
|
|
||||||
mpdf-->
|
|
||||||
|
|
||||||
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>Table of Contents & Bookmarks</h2>
|
|
||||||
|
|
||||||
<!-- set the headers/footers - they will occur from here on in the document -->
|
|
||||||
<tocpagebreak paging="on" links="on" toc-odd-header-name="html_tocHTMLHeader" toc-even-header-name="html_tocHTMLHeaderEven" toc-odd-footer-name="html_tocHTMLFooter" toc-even-footer-name="html_tocHTMLFooterEven" toc-odd-header-value="on" toc-even-header-value="on" toc-odd-footer-value="on" toc-even-footer-value="on" toc-preHTML="<h2>Contents</h2>" toc-bookmarkText="Content list" resetpagenum="1" pagenumstyle="A" odd-header-name="html_myHTMLHeader" odd-header-value="on" even-header-name="html_myHTMLHeaderEven" even-header-value="ON" odd-footer-name="html_myHTMLFooter" odd-footer-value="on" even-footer-name="html_myHTMLFooterEven" even-footer-value="on" outdent="2em" />
|
|
||||||
|
|
||||||
';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('c','A4','','',32,25,27,25,16,13);
|
|
||||||
|
|
||||||
$mpdf->mirrorMargins = 1;
|
|
||||||
|
|
||||||
$mpdf->SetDisplayMode('fullpage','two');
|
|
||||||
|
|
||||||
// LOAD a stylesheet
|
|
||||||
$stylesheet = file_get_contents('mpdfstyleA4.css');
|
|
||||||
$mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
|
|
||||||
// Alternative ways to mark ToC entries and Bookmarks
|
|
||||||
// This will automatically generate entries from the <h4> tag
|
|
||||||
$mpdf->h2toc = array('H4'=>0);
|
|
||||||
$mpdf->h2bookmarks = array('H4'=>0);
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
// CONTENT
|
|
||||||
for ($j = 1; $j<7; $j++) {
|
|
||||||
if ($j==2) $mpdf->WriteHTML('<pagebreak resetpagenum="0" pagenumstyle="a" />',2);
|
|
||||||
if ($j==3) $mpdf->WriteHTML('<pagebreak resetpagenum="1" pagenumstyle="I" />',2);
|
|
||||||
if ($j==4) $mpdf->WriteHTML('<pagebreak resetpagenum="0" pagenumstyle="i" />',2);
|
|
||||||
if ($j==5) $mpdf->WriteHTML('<pagebreak resetpagenum="0" pagenumstyle="1" />',2);
|
|
||||||
if ($j==6) $mpdf->WriteHTML('<pagebreak resetpagenum="1" pagenumstyle="A" type="NEXT-ODD" /><div style="color:#AA0000">ODD</div>',2);
|
|
||||||
for ($x = 1; $x<7; $x++) {
|
|
||||||
|
|
||||||
// Alternative way to mark ToC entries and Bookmarks manually
|
|
||||||
// $mpdf->WriteHTML('<h4>Section '.$j.'.'.$x.'<bookmark content="Section '.$j.'.'.$x.'" level="0" /><tocentry content="Section '.$j.'.'.$x.'" level="0" /></h4>',2);
|
|
||||||
|
|
||||||
// Using Automatic generation from <h4> tag
|
|
||||||
$mpdf->WriteHTML('<h4>Section '.$j.'.'.$x.'</h4>',2);
|
|
||||||
|
|
||||||
$html = '';
|
|
||||||
// Split $lorem into words
|
|
||||||
$words = preg_split('/([\s,\.]+)/',$lorem,-1,PREG_SPLIT_DELIM_CAPTURE);
|
|
||||||
foreach($words as $i => $e) {
|
|
||||||
if($i%2==0) {
|
|
||||||
$y = rand(1,10); // every tenth word
|
|
||||||
if (preg_match('/^[a-zA-Z]{4,99}$/',$e) && ($y > 8)) {
|
|
||||||
// If it is just a word use it as an index entry
|
|
||||||
$content = ucfirst(trim($e));
|
|
||||||
$html .= '<indexentry content="'.$content.'" />';
|
|
||||||
$html .= '<i>'.$e . '</i>';
|
|
||||||
}
|
|
||||||
else { $html .= $e; }
|
|
||||||
}
|
|
||||||
else { $html .= $e; }
|
|
||||||
}
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
|
||||||
// INDEX
|
|
||||||
$html = '<pagebreak type="next-odd" />
|
|
||||||
<h2>Index</h2>
|
|
||||||
<indexinsert cols="2" offset="5" usedivletters="on" div-font-size="15" gap="5" font="Trebuchet" div-font="sans-serif" links="on" />
|
|
||||||
';
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,60 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('c');
|
|
||||||
|
|
||||||
$mpdf->mirrorMargins = 1; // Use different Odd/Even headers and footers and mirror margins
|
|
||||||
|
|
||||||
$mpdf->defaultheaderfontsize = 10; /* in pts */
|
|
||||||
$mpdf->defaultheaderfontstyle = B; /* blank, B, I, or BI */
|
|
||||||
$mpdf->defaultheaderline = 1; /* 1 to include line below header/above footer */
|
|
||||||
|
|
||||||
$mpdf->defaultfooterfontsize = 12; /* in pts */
|
|
||||||
$mpdf->defaultfooterfontstyle = B; /* blank, B, I, or BI */
|
|
||||||
$mpdf->defaultfooterline = 1; /* 1 to include line below header/above footer */
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->SetHeader('{DATE j-m-Y}|{PAGENO}/{nb}|My document');
|
|
||||||
$mpdf->SetFooter('{PAGENO}'); /* defines footer for Odd and Even Pages - placed at Outer margin */
|
|
||||||
|
|
||||||
$mpdf->SetFooter(array(
|
|
||||||
'L' => array(
|
|
||||||
'content' => 'Text to go on the left',
|
|
||||||
'font-family' => 'sans-serif',
|
|
||||||
'font-style' => 'B', /* blank, B, I, or BI */
|
|
||||||
'font-size' => '10', /* in pts */
|
|
||||||
),
|
|
||||||
'C' => array(
|
|
||||||
'content' => '- {PAGENO} -',
|
|
||||||
'font-family' => 'serif',
|
|
||||||
'font-style' => 'BI',
|
|
||||||
'font-size' => '18', /* gives default */
|
|
||||||
),
|
|
||||||
'R' => array(
|
|
||||||
'content' => 'Printed @ {DATE j-m-Y H:m}',
|
|
||||||
'font-family' => 'monospace',
|
|
||||||
'font-style' => '',
|
|
||||||
'font-size' => '10',
|
|
||||||
),
|
|
||||||
'line' => 1, /* 1 to include line below header/above footer */
|
|
||||||
), 'E' /* defines footer for Even Pages */
|
|
||||||
);
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>Headers & Footers Method 1</h2>
|
|
||||||
<h3>Odd / Right page</h3>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p>
|
|
||||||
<pagebreak />
|
|
||||||
<h3>Even / Left page</h3>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p>
|
|
||||||
';
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,49 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('c','A4','','',32,25,47,47,10,10);
|
|
||||||
|
|
||||||
$mpdf->mirrorMargins = 1; // Use different Odd/Even headers and footers and mirror margins
|
|
||||||
|
|
||||||
$header = '
|
|
||||||
<table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr>
|
|
||||||
<td width="33%">Left header p <span style="font-size:14pt;">{PAGENO}</span></td>
|
|
||||||
<td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td>
|
|
||||||
<td width="33%" style="text-align: right;"><span style="font-weight: bold;">Right header</span></td>
|
|
||||||
</tr></table>
|
|
||||||
';
|
|
||||||
$headerE = '
|
|
||||||
<table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr>
|
|
||||||
<td width="33%"><span style="font-weight: bold;">Outer header</span></td>
|
|
||||||
<td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td>
|
|
||||||
<td width="33%" style="text-align: right;">Inner header p <span style="font-size:14pt;">{PAGENO}</span></td>
|
|
||||||
</tr></table>
|
|
||||||
';
|
|
||||||
|
|
||||||
$footer = '<div align="center">See <a href="http://mpdf1.com/manual/index.php">documentation manual</a></div>';
|
|
||||||
$footerE = '<div align="center">See <a href="http://mpdf1.com/manual/index.php">documentation manual</a></div>';
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->SetHTMLHeader($header);
|
|
||||||
$mpdf->SetHTMLHeader($headerE,'E');
|
|
||||||
$mpdf->SetHTMLFooter($footer);
|
|
||||||
$mpdf->SetHTMLFooter($footerE,'E');
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>Headers & Footers Method 2</h2>
|
|
||||||
<h3>Odd / Right page</h3>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p>
|
|
||||||
<pagebreak />
|
|
||||||
<h3>Even / Left page</h3>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p>
|
|
||||||
';
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,58 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<!-- defines the headers/footers - this must occur before the headers/footers are set -->
|
|
||||||
|
|
||||||
<!--mpdf
|
|
||||||
<pageheader name="odds" content-right="My document" header-style-right="color: #880000; font-style: italic;" line="1" />
|
|
||||||
<pageheader name="evens" content-right="{DATE j-m-Y}" content-center="{PAGENO}/{nb}" header-style="color: #880000; font-style: italic;" />
|
|
||||||
<pagefooter name="odds" content-right="Odd Footer" footer-style-right="color: #880000; font-style: italic;" line="1" />
|
|
||||||
<pagefooter name="evens" content-right="{DATE j-m-Y}" content-center="{PAGENO}/{nb}" footer-style="color: #880000; font-style: italic;" />
|
|
||||||
|
|
||||||
<pageheader name="display" content-center="New header called Display" header-style="color: #000088; font-weight: bold;" />
|
|
||||||
mpdf-->
|
|
||||||
|
|
||||||
<!-- set the headers/footers - they will occur from here on in the document -->
|
|
||||||
<!--mpdf
|
|
||||||
<setpageheader name="odds" page="odd" value="on" show-this-page="1" />
|
|
||||||
<setpageheader name="evens" page="even" value="1" />
|
|
||||||
<setpagefooter name="odds" page="O" value="on" />
|
|
||||||
<setpagefooter name="evens" page="E" value="1" />
|
|
||||||
mpdf-->
|
|
||||||
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>Headers & Footers Method 3</h2>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p>
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
<h2>Headers & Footers Method 3</h2>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p>
|
|
||||||
|
|
||||||
<pagebreak odd-header-name="display" odd-header-value="1" even-header-name="display" even-header-value="1" />
|
|
||||||
|
|
||||||
<h2>Headers & Footers</h2>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p>
|
|
||||||
';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('c','A4','','',32,25,27,25,16,13);
|
|
||||||
|
|
||||||
$mpdf->mirrorMargins = 1; // Use different Odd/Even headers and footers and mirror margins
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,84 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<!-- defines the headers/footers - this must occur before the headers/footers are set -->
|
|
||||||
|
|
||||||
<!--mpdf
|
|
||||||
|
|
||||||
<htmlpageheader name="myHTMLHeader1">
|
|
||||||
<table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr>
|
|
||||||
<td width="33%">Left header p <span style="font-size:14pt;">{PAGENO}</span></td>
|
|
||||||
<td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td>
|
|
||||||
<td width="33%" style="text-align: right;"><span style="font-weight: bold;">myHTMLHeader1</span></td>
|
|
||||||
</tr></table>
|
|
||||||
</htmlpageheader>
|
|
||||||
|
|
||||||
<htmlpageheader name="myHTMLHeader1Even">
|
|
||||||
<table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr>
|
|
||||||
<td width="33%"><span style="font-weight: bold;">myHTMLHeader1Even</span></td>
|
|
||||||
<td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td>
|
|
||||||
<td width="33%" style="text-align: right;">Inner header p <span style="font-size:14pt;">{PAGENO}</span></td>
|
|
||||||
</tr></table>
|
|
||||||
</htmlpageheader>
|
|
||||||
|
|
||||||
<htmlpageheader name="myHTMLHeader2">
|
|
||||||
<table width="100%" style="border-bottom: 1px solid #880000; vertical-align: bottom; font-family: sans; font-size: 9pt; color: #880000;"><tr>
|
|
||||||
<td width="33%">myHTMLHeader2 p.<span style="font-size:14pt;">{PAGENO}</span></td>
|
|
||||||
<td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td>
|
|
||||||
<td width="33%" style="text-align: right;"><span style="font-weight: bold;">myHTMLHeader2</span></td>
|
|
||||||
</tr></table>
|
|
||||||
</htmlpageheader>
|
|
||||||
|
|
||||||
<htmlpageheader name="myHTMLHeader2Even">
|
|
||||||
<table width="100%" style="border-bottom: 1px solid #880000; vertical-align: bottom; font-family: sans; font-size: 9pt; color: #880000;"><tr>
|
|
||||||
<td width="33%"><span style="font-weight: bold;">myHTMLHeader2Even</span></td>
|
|
||||||
<td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td>
|
|
||||||
<td width="33%" style="text-align: right;">Inner header p <span style="font-size:14pt;">{PAGENO}</span></td>
|
|
||||||
</tr></table>
|
|
||||||
</htmlpageheader>
|
|
||||||
|
|
||||||
mpdf-->
|
|
||||||
|
|
||||||
<!-- set the headers/footers - they will occur from here on in the document -->
|
|
||||||
<!--mpdf
|
|
||||||
<sethtmlpageheader name="myHTMLHeader1" page="O" value="on" show-this-page="1" />
|
|
||||||
<sethtmlpageheader name="myHTMLHeader1Even" page="E" value="on" />
|
|
||||||
mpdf-->
|
|
||||||
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>Headers & Footers Method 4</h2>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p>
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
<h2>Headers & Footers Method 4</h2>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p>
|
|
||||||
|
|
||||||
<!-- Note the html_ prefix when referencing an HTML header using one of the pagebreaks -->
|
|
||||||
<pagebreak odd-header-name="html_myHTMLHeader2" odd-header-value="1" even-header-name="html_myHTMLHeader2Even" even-header-value="1" />
|
|
||||||
|
|
||||||
<h2>Headers & Footers Method 4</h2>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p>
|
|
||||||
';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('c','A4','','',32,25,47,47,10,10);
|
|
||||||
|
|
||||||
$mpdf->mirrorMargins = 1; // Use different Odd/Even headers and footers and mirror margins
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,59 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$hhtml = '
|
|
||||||
<htmlpageheader name="myHTMLHeaderOdd" style="display:none">
|
|
||||||
<div style="background-color:#BBEEFF" align="center"><b> {PAGENO} </b></div>
|
|
||||||
</htmlpageheader>
|
|
||||||
<htmlpagefooter name="myHTMLFooterOdd" style="display:none">
|
|
||||||
<div style="background-color:#CFFFFC" align="center"><b> {PAGENO} </b></div>
|
|
||||||
</htmlpagefooter>
|
|
||||||
<sethtmlpageheader name="myHTMLHeaderOdd" page="O" value="on" show-this-page="1" />
|
|
||||||
<sethtmlpagefooter name="myHTMLFooterOdd" page="O" value="on" show-this-page="1" />
|
|
||||||
';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
$html = '
|
|
||||||
<h1>mPDF Page Sizes</h1>
|
|
||||||
<h3>Changing page (sheet) sizes within the document</h3>
|
|
||||||
';
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('c','A4');
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($hhtml);
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
$mpdf->WriteHTML('<p>This should print on an A4 (portrait) sheet</p>');
|
|
||||||
|
|
||||||
$mpdf->WriteHTML('<tocpagebreak sheet-size="A4-L" toc-sheet-size="A5" toc-preHTML="This ToC should print on an A5 sheet" />');
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
$mpdf->WriteHTML('<tocentry content="A4 landscape" /><p>This page appears just after the ToC and should print on an A4 (landscape) sheet</p>');
|
|
||||||
|
|
||||||
$mpdf->WriteHTML('<pagebreak sheet-size="A5-L" />');
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
$mpdf->WriteHTML('<tocentry content="A5 landscape" /><p>This should print on an A5 (landscape) sheet</p>');
|
|
||||||
|
|
||||||
$mpdf->WriteHTML('<pagebreak sheet-size="Letter" />');
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
$mpdf->WriteHTML('<tocentry content="Letter portrait" /><p>This should print on an Letter sheet</p>');
|
|
||||||
|
|
||||||
$mpdf->WriteHTML('<pagebreak sheet-size="150mm 150mm" />');
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
$mpdf->WriteHTML('<tocentry content="150mm square" /><p>This should print on a sheet 150mm x 150mm</p>');
|
|
||||||
|
|
||||||
$mpdf->WriteHTML('<pagebreak sheet-size="11.69in 8.27in" />');
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
$mpdf->WriteHTML('<tocentry content="A4 landscape (ins)" /><p>This should print on a sheet 11.69in x 8.27in = A4 landscape</p>');
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,130 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>Justification</h2>
|
|
||||||
|
|
||||||
<h4>Tables</h4>
|
|
||||||
<p>Text can be justified in table cells using in-line or stylesheet CSS. (Note that <p> tags are removed within cells along with any style definition or attributes.)</p>
|
|
||||||
<table class="bpmTopnTailC"><thead>
|
|
||||||
<tr class="headerrow"><th>Col/Row Header</th>
|
|
||||||
<td>
|
|
||||||
<p>Second column header p</p>
|
|
||||||
</td>
|
|
||||||
<td>Third column header</td>
|
|
||||||
</tr>
|
|
||||||
</thead><tbody>
|
|
||||||
<tr class="oddrow"><th>Row header 1</th>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="evenrow"><th>Row header 2</th>
|
|
||||||
<td>
|
|
||||||
<p>This is data p</p>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<p>This is data</p>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="oddrow"><th>
|
|
||||||
<p>Row header 3</p>
|
|
||||||
</th>
|
|
||||||
<td>
|
|
||||||
<p>This is long data</p>
|
|
||||||
</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="evenrow"><th>
|
|
||||||
<p>Row header 4</p>
|
|
||||||
<p><th> cell acting as header</p>
|
|
||||||
</th>
|
|
||||||
<td style="text-align:justify;"><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p></td>
|
|
||||||
<td>
|
|
||||||
<p>This is data</p>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="oddrow"><th>Row header 5</th>
|
|
||||||
<td>Also data</td>
|
|
||||||
<td>Also data</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="evenrow"><th>Row header 6</th>
|
|
||||||
<td>Also data</td>
|
|
||||||
<td>Also data</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="oddrow"><th>Row header 7</th>
|
|
||||||
<td>Also data</td>
|
|
||||||
<td>Also data</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="evenrow"><th>Row header 8</th>
|
|
||||||
<td>Also data</td>
|
|
||||||
<td>Also data</td>
|
|
||||||
</tr>
|
|
||||||
</tbody></table>
|
|
||||||
<p> </p>
|
|
||||||
|
|
||||||
<h4>Testing Justification with Long Words</h4>
|
|
||||||
<p>http://www-950.ibm.com/software/globalization/icu/demo/converters?s=ALL&snd=4356&dnd=4356</p>
|
|
||||||
<h5>Should not split</h5>
|
|
||||||
<p>Maecenas feugiat pede vel risus. Nulla et lectus eleifend <i>verylongwordthatwontsplit</i> neque sit amet erat</p>
|
|
||||||
<p>Maecenas feugiat pede vel risus. Nulla et lectus eleifend et <i>verylongwordthatwontsplit</i> neque sit amet erat</p>
|
|
||||||
|
|
||||||
<h5>Non-breaking Space &nbsp;</h5><p>The next example has a non-breaking space between <i>eleifend</i> and the very long word.</p><p>Maecenas feugiat pede vel risus. Nulla et lectus eleifend verylongwordthatwontsplitanywhere neque sit amet erat</p><p>Nbsp will only work in fonts that have a glyph to represent the character i.e. not in the CJK languages nor some Unicode fonts.</p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Testing Justification with mixed Styles</h4>
|
|
||||||
<p>This is <s>strikethrough</s> in <b><s>block</s></b> and <small>small <s>strikethrough</s> in <i>small span</i></small> and <big>big <s>strikethrough</s> in big span</big> and then <u>underline</u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p>
|
|
||||||
<p>This is a <font color="#008800">green reference<sup>32-47</sup></font> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> then <s>Strikethrough reference<sup>32-47</sup></s> and <s>strikethrough reference<sub>32-47</sub></s> and then more text.
|
|
||||||
</p>
|
|
||||||
<p><big>Repeated in <u>BIG</u>: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</big>
|
|
||||||
</p>
|
|
||||||
<p><small>Repeated in small: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</small>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p style="font-size:7pt;">This is <s>strikethrough</s> in block and <big>big <s>strikethrough</s> in big span</big> and then <u>underline</u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p>
|
|
||||||
<p style="font-size:7pt;">This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> then <s>Strikethrough reference<sup>32-47</sup></s> and <s>strikethrough reference<sub>32-47</sub></s> then more text.
|
|
||||||
</p>
|
|
||||||
<p></p>
|
|
||||||
<p style="font-size:7pt;">
|
|
||||||
<big>Repeated in BIG: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</big>
|
|
||||||
</p>
|
|
||||||
';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('c','A4','','',32,25,27,25,16,13);
|
|
||||||
|
|
||||||
$mpdf->SetDisplayMode('fullpage');
|
|
||||||
|
|
||||||
// LOAD a stylesheet
|
|
||||||
$stylesheet = file_get_contents('mpdfstyletables.css');
|
|
||||||
$mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
// SPACING
|
|
||||||
$mpdf->WriteHTML("<h4>Spacing</h4><p>mPDF uses both letter- and word-spacing for text justification. The default is a mixture of both, set by the configurable values jSWord and jSmaxChar. (Only word spacing is used when cursive languages such as Arabic or Indic are detected.) </p>");
|
|
||||||
|
|
||||||
$mpdf->jSWord = 0; // Proportion (/1) of space (when justifying margins) to allocate to Word vs. Character
|
|
||||||
$mpdf->jSmaxChar = 0; // Maximum spacing to allocate to character spacing. (0 = no maximum)
|
|
||||||
$mpdf->WriteHTML("<h5>Character spacing</h5><p>Maecenas feugiat pede vel risus. Nulla et lectus eleifend <i>verylongwordthatwontsplitanywhere</i> neque sit amet erat</p>");
|
|
||||||
|
|
||||||
// Back to default settings
|
|
||||||
$mpdf->jSWord = 0.4;
|
|
||||||
$mpdf->jSmaxChar = 2;
|
|
||||||
$mpdf->WriteHTML("<h5>Word spacing</h5><p style=\"letter-spacing:0\">Maecenas feugiat pede vel risus. Nulla et lectus eleifend <i>verylongwordthatwontsplitanywhere</i> neque sit amet erat</p>");
|
|
||||||
|
|
||||||
$mpdf->WriteHTML("<h5>Mixed Character and Word spacing</h5><p>Maecenas feugiat pede vel risus. Nulla et lectus eleifend <i>verylongwordthatwontsplitanywhere</i> neque sit amet erat</p>");
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
File diff suppressed because one or more lines are too long
@ -1,80 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>Columns</h2>
|
|
||||||
';
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
$loremH = "<h4>Lectus facilisis</h4>
|
|
||||||
<p>Sed auctor viverra diam. In lacinia lectus.</p>
|
|
||||||
<p>Praesent tincidunt massa in dolor. Morbi viverra leo quis ipsum. In vitae velit. In aliquam nulla nec mi. Sed accumsan, justo id congue fringilla, diam mauris volutpat ligula, sed aliquet elit diam at felis. Quisque et velit sed eros convallis posuere.</p>
|
|
||||||
<h5>Nunc tincidunt</h5>
|
|
||||||
<p>Nunc diam ipsum, consectetuer nec, hendrerit vitae, malesuada a, ante. Nulla ornare aliquet ante. Maecenas in lectus. Morbi porttitor mauris. Praesent ut.</p>
|
|
||||||
<p>Pede quis ante tincidunt <a href=\"http://www.stlucia.org\">blandit</a>. Maecenas bibendum erat. Curabitur sit amet ante quis velit ultricies facilisis. Ut hendrerit dolor commodo magna. In nec ligula a purus tincidunt adipiscing. Etiam non ante. </p><div>Suspendisse potenti. <indexentry content=\"Inline indexentry <B>\" />Suspendisse accumsan euismod lectus. Nunc commodo pede et turpis. Pellentesque porta mauris sed lorem. Ut nec augue vitae elit eleifend eleifend.Quisque ornare feugiat diam. Duis nulla metus, tempus sit amet, scelerisque a, rutrum at, nisl. Nulla facilisi. Duis metus turpis, molestie nec, laoreet tincidunt, ultrices et, purus. Nullam faucibus aliquam nisi.</div><a href=\"http://www.stlucia.org\"><img src=\"sunset.jpg\" /></a><p>Ut leo. Etiam tempus interdum tortor. Donec porta, arcu vel tincidunt placerat, lacus lorem iaculis diam, id sagittis sapien metus eu nunc. Morbi vitae nunc.<br />Mauris sapien. Phasellus elementum velit sed sapien. Nullam ante diam, consectetuer commodo, dignissim vitae, tempor vel, magna. Donec dictum. <i>Nullam</i> ultrices leo volutpat magna. Mauris blandit purus nec turpis. <a href=\"http://www.stlucia.org\">Curabitur</a> nunc. Aliquam condimentum eleifend<sup>32</sup> lectus. Praesent vitae nibh <b>et libero ullamcorper</b> scelerisque. Nullam auctor. Mauris ipsum nulla, malesuada id, aliquet at, feugiat vitae, eros.</p>
|
|
||||||
|
|
||||||
<div style=\"background-color:#DDDDBB; text-align:center; padding:3px; border:1px solid #880000; \">Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede.
|
|
||||||
<div style=\"background-color:#ADDBBF; text-align:center; padding:3px; border:1px solid #880000; \">Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div>
|
|
||||||
Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div>
|
|
||||||
<p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>
|
|
||||||
";
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('c','A4','','',32,25,27,25,16,13);
|
|
||||||
|
|
||||||
$mpdf->SetDisplayMode('fullpage');
|
|
||||||
|
|
||||||
$stylesheet = file_get_contents('mpdfstyleA4.css');
|
|
||||||
$mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text
|
|
||||||
|
|
||||||
// Bullets in columns are probably best not indented
|
|
||||||
$mpdf->list_indent_first_level = 0; // 1 or 0 - whether to indent the first level of a list
|
|
||||||
|
|
||||||
$mpdf->max_colH_correction = 1.1;
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html,2);
|
|
||||||
$mpdf->WriteHTML($loremH,2);
|
|
||||||
|
|
||||||
// consider reducing lineheight when using columns - especially if vAligned justify
|
|
||||||
$mpdf->SetDefaultBodyCSS('line-height', 1.2);
|
|
||||||
|
|
||||||
$mpdf->SetColumns(3,'J');
|
|
||||||
$mpdf->WriteHTML($loremH,2);
|
|
||||||
|
|
||||||
$mpdf->SetColumns(0);
|
|
||||||
$mpdf->WriteHTML('<hr />');
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->SetColumns(2,'J');
|
|
||||||
$mpdf->WriteHTML($loremH,2);
|
|
||||||
$mpdf->WriteHTML('<hr />');
|
|
||||||
$mpdf->SetColumns(0);
|
|
||||||
$mpdf->WriteHTML('<hr />');
|
|
||||||
|
|
||||||
$mpdf->SetColumns(3,'J');
|
|
||||||
$mpdf->WriteHTML($loremH,2);
|
|
||||||
|
|
||||||
$mpdf->SetColumns(0);
|
|
||||||
$mpdf->WriteHTML('<hr />');
|
|
||||||
$mpdf->SetColumns(2,'J');
|
|
||||||
$mpdf->WriteHTML($loremH,2);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,132 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>Page Orientation</h2>
|
|
||||||
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p>
|
|
||||||
|
|
||||||
|
|
||||||
<p style="color:red; font-family:serif;">Sed bibendum. Nunc eleifend ornare velit. Sed consectetuer urna in erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris sodales semper metus. Maecenas justo libero, pretium at, malesuada eu, mollis et, arcu. Ut suscipit pede in nulla. Praesent elementum, dolor ac fringilla posuere, elit libero rutrum massa, vel tincidunt dui tellus a ante. Sed aliquet euismod dolor. Vestibulum sed dui. Duis lobortis hendrerit quam. Donec tempus orci ut libero. Pellentesque suscipit malesuada nisi. </p>
|
|
||||||
<p style="color:orange; font-family:serif;">Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo. Cras tellus. Fusce aliquet. Curabitur tincidunt viverra ligula. Fusce eget erat. Donec pede. Vestibulum id felis. Phasellus tincidunt ligula non pede. Morbi turpis. In vitae dui non erat placerat malesuada. Mauris adipiscing congue ante. Proin at erat. Aliquam mattis. </p>
|
|
||||||
<p style="color:green; font-family:serif;">Integer feugiat venenatis metus. Integer lacinia ultrices ipsum. Proin et arcu. Quisque varius libero. Nullam id arcu. Aenean justo quam, accumsan nec, luctus id, pellentesque molestie, mi. Aliquam sollicitudin feugiat eros. Nunc nisi turpis, consequat id, aliquet et, semper a, augue. Integer nisl ipsum, blandit et, lobortis a, egestas nec, odio. Nulla dolor ligula, nonummy ac, vulputate a, sollicitudin id, orci. Donec laoreet nisl id magna. Curabitur mollis, quam eget fermentum malesuada, risus tortor ullamcorper dolor, nec placerat nisi urna non pede. Aliquam pretium, leo in interdum interdum, ipsum neque accumsan lectus, ac fringilla dui ipsum sed justo. In tincidunt risus convallis odio egestas luctus. Integer volutpat. Donec ultricies, leo in congue iaculis, dolor neque imperdiet nibh, vitae feugiat mi enim nec sapien. Aenean turpis lorem, consequat quis, varius in, posuere vel, eros. Nulla facilisi.</p>
|
|
||||||
|
|
||||||
<hr />
|
|
||||||
|
|
||||||
';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf=new mPDF('c','A4','','',42,15,67,67,20,15);
|
|
||||||
|
|
||||||
$mpdf->SetDisplayMode('fullpage','two');
|
|
||||||
|
|
||||||
$mpdf->mirrorMargins = 1;
|
|
||||||
|
|
||||||
|
|
||||||
$header = '
|
|
||||||
<table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr>
|
|
||||||
<td width="33%">Left header p <span style="font-size:14pt;">{PAGENO}</span></td>
|
|
||||||
<td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td>
|
|
||||||
<td width="33%" style="text-align: right;"><span style="font-weight: bold;">Right header</span></td>
|
|
||||||
</tr></table>
|
|
||||||
';
|
|
||||||
$headerE = '
|
|
||||||
<table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr>
|
|
||||||
<td width="33%"><span style="font-weight: bold;">Outer header</span></td>
|
|
||||||
<td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td>
|
|
||||||
<td width="33%" style="text-align: right;">Inner header p <span style="font-size:14pt;">{PAGENO}</span></td>
|
|
||||||
</tr></table>
|
|
||||||
';
|
|
||||||
$longfooter = '
|
|
||||||
<table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr>
|
|
||||||
<td width="33%">Left footer p <span style="font-size:14pt;">{PAGENO}</span></td>
|
|
||||||
<td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td>
|
|
||||||
<td width="33%" style="text-align: right;"><span style="font-weight: bold;">Right footer</span></td>
|
|
||||||
</tr></table>
|
|
||||||
';
|
|
||||||
$longfooterE = '
|
|
||||||
<table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr>
|
|
||||||
<td width="33%"><span style="font-weight: bold;">Outer footer</span></td>
|
|
||||||
<td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td>
|
|
||||||
<td width="33%" style="text-align: right;">Inner footer p <span style="font-size:14pt;">{PAGENO}</span></td>
|
|
||||||
</tr></table>
|
|
||||||
';
|
|
||||||
|
|
||||||
$footer = '<div align="center" style="color:blue;font-family:mono;font-size:18pt;font-weight:bold;font-style:italic;">{DATE j-m-Y} » {PAGENO} » My document</div>';
|
|
||||||
$footerE = '<div align="center" style="color:green;font-family:mono;font-size:18pt;font-weight:bold;font-style:italic;">Even page footer - {PAGENO} -</div>';
|
|
||||||
|
|
||||||
$shortheader = '<div align="center" style="color:blue;font-family:mono;font-size:18pt;font-weight:bold;font-style:italic;">{DATE j-m-Y} » {PAGENO} » My document</div>';
|
|
||||||
$shortheaderE = '<div align="center" style="color:green;font-family:mono;font-size:18pt;font-weight:bold;font-style:italic;">Even page header - {PAGENO} -</div>';
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->SetHTMLHeader($header);
|
|
||||||
$mpdf->SetHTMLHeader($headerE,'E');
|
|
||||||
$mpdf->setFooter('{PAGENO} of {nbpg} pages||{PAGENO} of {nbpg} pages') ;
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->setHeader(); // Clear headers before adding page
|
|
||||||
$mpdf->AddPage('L','','','','',25,25,55,45,18,12);
|
|
||||||
|
|
||||||
$mpdf->SetHTMLHeader($shortheader,'',true); // New parameter in v1.4 to add the header to the new page
|
|
||||||
$mpdf->SetHTMLHeader($shortheaderE,'E',true);
|
|
||||||
$mpdf->SetHTMLFooter($longfooter);
|
|
||||||
$mpdf->SetHTMLFooter($longfooterE,'E');
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->setHeader('{PAGENO} of {nbpg} pages||{PAGENO} of {nbpg} pages') ;
|
|
||||||
$mpdf->SetHTMLFooter($footer);
|
|
||||||
$mpdf->SetHTMLFooter($footerE,'E');
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->setHeader(); // Clear headers before adding page
|
|
||||||
$mpdf->AddPage('','','','','',42,15,67,67,20,15); // Default is Portrait (because that was the document default)
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->SetHTMLHeader($shortheader,'',true); // New parameter in v1.4 to add the header to the new page
|
|
||||||
$mpdf->SetHTMLHeader($shortheaderE,'E',true);
|
|
||||||
$mpdf->SetHTMLFooter($longfooter);
|
|
||||||
$mpdf->SetHTMLFooter($longfooterE,'E');
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->SetHTMLHeader($header);
|
|
||||||
$mpdf->SetHTMLHeader($headerE,'E');
|
|
||||||
$mpdf->SetHTMLFooter($footer);
|
|
||||||
$mpdf->SetHTMLFooter($footerE,'E');
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->Output('mpdf.pdf','I');
|
|
||||||
exit;
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,200 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>Page Orientation</h2>
|
|
||||||
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p>
|
|
||||||
|
|
||||||
|
|
||||||
<p style="color:red; font-family:serif;">Sed bibendum. Nunc eleifend ornare velit. Sed consectetuer urna in erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris sodales semper metus. Maecenas justo libero, pretium at, malesuada eu, mollis et, arcu. Ut suscipit pede in nulla. Praesent elementum, dolor ac fringilla posuere, elit libero rutrum massa, vel tincidunt dui tellus a ante. Sed aliquet euismod dolor. Vestibulum sed dui. Duis lobortis hendrerit quam. Donec tempus orci ut libero. Pellentesque suscipit malesuada nisi. </p>
|
|
||||||
<p style="color:orange; font-family:serif;">Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo. Cras tellus. Fusce aliquet. Curabitur tincidunt viverra ligula. Fusce eget erat. Donec pede. Vestibulum id felis. Phasellus tincidunt ligula non pede. Morbi turpis. In vitae dui non erat placerat malesuada. Mauris adipiscing congue ante. Proin at erat. Aliquam mattis. </p>
|
|
||||||
<p style="color:green; font-family:serif;">Integer feugiat venenatis metus. Integer lacinia ultrices ipsum. Proin et arcu. Quisque varius libero. Nullam id arcu. Aenean justo quam, accumsan nec, luctus id, pellentesque molestie, mi. Aliquam sollicitudin feugiat eros. Nunc nisi turpis, consequat id, aliquet et, semper a, augue. Integer nisl ipsum, blandit et, lobortis a, egestas nec, odio. Nulla dolor ligula, nonummy ac, vulputate a, sollicitudin id, orci. Donec laoreet nisl id magna. Curabitur mollis, quam eget fermentum malesuada, risus tortor ullamcorper dolor, nec placerat nisi urna non pede. Aliquam pretium, leo in interdum interdum, ipsum neque accumsan lectus, ac fringilla dui ipsum sed justo. In tincidunt risus convallis odio egestas luctus. Integer volutpat. Donec ultricies, leo in congue iaculis, dolor neque imperdiet nibh, vitae feugiat mi enim nec sapien. Aenean turpis lorem, consequat quis, varius in, posuere vel, eros. Nulla facilisi.</p>
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p>
|
|
||||||
|
|
||||||
|
|
||||||
';
|
|
||||||
|
|
||||||
$htmlL = '
|
|
||||||
<h6>Table in Landscape</h6>
|
|
||||||
<table class="bpmTopic">
|
|
||||||
<thead>
|
|
||||||
<tr style="text-rotate:45;">
|
|
||||||
<td>Type</td>
|
|
||||||
<td>Details</td>
|
|
||||||
<td>Notes</td>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Causes</td>
|
|
||||||
<td colspan="2">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. <br />
|
|
||||||
Ut a eros at ligula vehicula pretium; maecenas feugiat pede vel risus.<br />
|
|
||||||
Suspendisse potenti. Fusce eleifend neque sit amet erat.<br />
|
|
||||||
Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Mechanisms</td>
|
|
||||||
<td>Fusce eleifend neque sit amet erat.<br />
|
|
||||||
Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien.</td>
|
|
||||||
<td>Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla.<br />
|
|
||||||
Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Causes</td>
|
|
||||||
<td colspan="2">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. <br />
|
|
||||||
Ut a eros at ligula vehicula pretium; maecenas feugiat pede vel risus.<br />
|
|
||||||
Suspendisse potenti. Fusce eleifend neque sit amet erat.<br />
|
|
||||||
Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Mechanisms</td>
|
|
||||||
<td>Fusce eleifend neque sit amet erat.<br />
|
|
||||||
Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien.</td>
|
|
||||||
<td>Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla.<br />
|
|
||||||
Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Causes</td>
|
|
||||||
<td colspan="2">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. <br />
|
|
||||||
Ut a eros at ligula vehicula pretium; maecenas feugiat pede vel risus.<br />
|
|
||||||
Suspendisse potenti. Fusce eleifend neque sit amet erat.<br />
|
|
||||||
Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Mechanisms</td>
|
|
||||||
<td>Fusce eleifend neque sit amet erat.<br />
|
|
||||||
Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien.</td>
|
|
||||||
<td>Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla.<br />
|
|
||||||
Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Causes</td>
|
|
||||||
<td colspan="2">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. <br />
|
|
||||||
Ut a eros at ligula vehicula pretium; maecenas feugiat pede vel risus.<br />
|
|
||||||
Suspendisse potenti. Fusce eleifend neque sit amet erat.<br />
|
|
||||||
Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Mechanisms</td>
|
|
||||||
<td>Fusce eleifend neque sit amet erat.<br />
|
|
||||||
Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien.</td>
|
|
||||||
<td>Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla.<br />
|
|
||||||
Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Causes</td>
|
|
||||||
<td colspan="2">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. <br />
|
|
||||||
Ut a eros at ligula vehicula pretium; maecenas feugiat pede vel risus.<br />
|
|
||||||
Suspendisse potenti. Fusce eleifend neque sit amet erat.<br />
|
|
||||||
Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Mechanisms</td>
|
|
||||||
<td>Fusce eleifend neque sit amet erat.<br />
|
|
||||||
Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien.</td>
|
|
||||||
<td>Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla.<br />
|
|
||||||
Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td>
|
|
||||||
</tr>
|
|
||||||
</tbody></table>
|
|
||||||
';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
$loremH = "<h4>Lectus facilisis</h4>
|
|
||||||
<p>Sed auctor viverra diam. In lacinia lectus.</p>
|
|
||||||
<p>Praesent tincidunt massa in dolor. Morbi viverra leo quis ipsum. In vitae velit. In aliquam nulla nec mi. Sed accumsan, justo id congue fringilla, diam mauris volutpat ligula, sed aliquet elit diam at felis. Quisque et velit sed eros convallis posuere.</p>
|
|
||||||
<h5>Nunc tincidunt</h5>
|
|
||||||
<p>Nunc diam ipsum, consectetuer nec, hendrerit vitae, malesuada a, ante. Nulla ornare aliquet ante. Maecenas in lectus. Morbi porttitor mauris. Praesent ut.</p>
|
|
||||||
<p>Pede quis ante tincidunt <a href=\"http://www.stlucia.org\">blandit</a>. Maecenas bibendum erat. Curabitur sit amet ante quis velit ultricies facilisis. Ut hendrerit dolor commodo magna. In nec ligula a purus tincidunt adipiscing. Etiam non ante. </p><div>Suspendisse potenti. <indexentry content=\"Inline indexentry <B>\" />Suspendisse accumsan euismod lectus. Nunc commodo pede et turpis. Pellentesque porta mauris sed lorem. Ut nec augue vitae elit eleifend eleifend. Quisque ornare feugiat diam. Duis nulla metus, tempus sit amet, scelerisque a, rutrum at, nisl. Nulla facilisi. Duis metus turpis, molestie nec, laoreet tincidunt, ultrices et, purus. Nullam faucibus aliquam nisi.</div><a href=\"http://www.stlucia.org\"><img zsrc=\"sunset.jpg\" /></a><p>Ut leo. Etiam tempus interdum tortor. Donec porta, arcu vel tincidunt placerat, lacus lorem iaculis diam, id sagittis sapien metus eu nunc. Morbi vitae nunc.<br />Mauris sapien. Phasellus elementum velit sed sapien. Nullam ante diam, consectetuer commodo, dignissim vitae, tempor vel, magna. Donec dictum. <i>Nullam</i> ultrices leo volutpat magna. Mauris blandit purus nec turpis. <a href=\"http://www.stlucia.org\">Curabitur</a> nunc. Aliquam condimentum eleifend<sup>32</sup> lectus. Praesent vitae nibh <b>et libero ullamcorper</b> scelerisque. Nullam auctor. Mauris ipsum nulla, malesuada id, aliquet at, feugiat vitae, eros.</p>
|
|
||||||
|
|
||||||
<div style=\"background-color:#DDDDBB; text-align:center; padding:3px; border:1px solid #880000; \">Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>
|
|
||||||
";
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
$header = '
|
|
||||||
<table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr>
|
|
||||||
<td width="33%">Left header p <span style="font-size:14pt;">{PAGENO}</span></td>
|
|
||||||
<td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td>
|
|
||||||
<td width="33%" style="text-align: right;"><span style="font-weight: bold;">Right header</span></td>
|
|
||||||
</tr></table>
|
|
||||||
';
|
|
||||||
$headerE = '
|
|
||||||
<table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr>
|
|
||||||
<td width="33%"><span style="font-weight: bold;">Outer header</span></td>
|
|
||||||
<td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td>
|
|
||||||
<td width="33%" style="text-align: right;">Inner header p <span style="font-size:14pt;">{PAGENO}</span></td>
|
|
||||||
</tr></table>
|
|
||||||
';
|
|
||||||
$header = '<div align="center" style="background-color: #f0f2ff;background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;border-radius: 4mm;font-size:18pt;font-weight:bold;font-style:italic;">{DATE j-m-Y} » {PAGENO} » My document<br />My document<br />See <a href="http://mpdf1.com/manual/index.php">documentation manual</a><br />My document</div>';
|
|
||||||
$headerE = '<div align="center" style="background-color: #f0f2ff;background: transparent url(\'bg.jpg\') repeat scroll left top;border-radius: 4mm;font-size:18pt;font-weight:bold;font-style:italic;">Even page footer - {PAGENO} -<br />My document<br />My document<br />My document</div>';
|
|
||||||
$footer = '<div align="center" style="background-color: #f0f2ff;background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;border-radius: 4mm;font-size:18pt;font-weight:bold;font-style:italic;">{DATE j-m-Y} » {PAGENO} » My document<br />My document<br />See <a href="http://mpdf1.com/manual/index.php">documentation manual</a><br />My document</div>';
|
|
||||||
$footerE = '<div align="center" style="background-color: #f0f2ff;background: transparent url(\'bg.jpg\') repeat scroll right bottom;border-radius: 4mm;font-size:18pt;font-weight:bold;font-style:italic;">Even page footer - {PAGENO} -<br />My document<br />My document<br />My document</div>';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf=new mPDF('c','A4','','',42,15,57,57,20,17);
|
|
||||||
|
|
||||||
$mpdf->displayDefaultOrientation = true;
|
|
||||||
|
|
||||||
$mpdf->forcePortraitHeaders = true;
|
|
||||||
$mpdf->forcePortraitMargins = true;
|
|
||||||
|
|
||||||
$mpdf->SetDisplayMode('fullpage','two');
|
|
||||||
|
|
||||||
$mpdf->mirrorMargins = 1;
|
|
||||||
|
|
||||||
$stylesheet = file_get_contents('mpdfstyletables.css');
|
|
||||||
$mpdf->WriteHTML($stylesheet,1);
|
|
||||||
|
|
||||||
$mpdf->SetHTMLHeader($header);
|
|
||||||
$mpdf->SetHTMLHeader($headerE,'E');
|
|
||||||
$mpdf->SetHTMLFooter($footer);
|
|
||||||
$mpdf->SetHTMLFooter($footerE,'E');
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->AddPage('L');
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($htmlL);
|
|
||||||
$mpdf->WriteHTML($htmlL);
|
|
||||||
|
|
||||||
// Columns
|
|
||||||
$mpdf->AddPage('L');
|
|
||||||
$mpdf->SetColumns(3,'J');
|
|
||||||
$mpdf->WriteHTML($loremH);
|
|
||||||
|
|
||||||
$mpdf->SetColumns(0);
|
|
||||||
$mpdf->WriteHTML('<hr />');
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->SetColumns(2,'J');
|
|
||||||
$mpdf->WriteHTML($loremH);
|
|
||||||
$mpdf->WriteHTML('<hr />');
|
|
||||||
$mpdf->SetColumns(0);
|
|
||||||
|
|
||||||
$mpdf->AddPage('L');
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($htmlL);
|
|
||||||
$mpdf->WriteHTML($htmlL);
|
|
||||||
|
|
||||||
$mpdf->AddPage();
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,316 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
$html = "
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>RTL Languages</h2>
|
|
||||||
|
|
||||||
<h4>English</h4>
|
|
||||||
<p>Please note that I do not understand any of the scripts below. The texts are borrowed from News websites, and I have used words and bits of phrases just to demonstrate the program.</p>
|
|
||||||
|
|
||||||
<h4>Hebrew (pangram)</h4>
|
|
||||||
<p lang=\"he\">\xd7\x93\xd7\x92 \xd7\xa1\xd7\xa7\xd7\xa8\xd7\x9f \xd7\xa9\xd7\x98 \xd7\x91\xd7\x99\xd7\x9d \xd7\x9e\xd7\x90\xd7\x95\xd7\x9b\xd7\x96\xd7\x91 \xd7\x95\xd7\x9c\xd7\xa4\xd7\xaa\xd7\xa2 \xd7\x9e\xd7\xa6\xd7\x90 \xd7\x97\xd7\x91\xd7\xa8\xd7\x94 </p>
|
|
||||||
|
|
||||||
<p lang=\"he\">\xd7\x90\xd7\x95 \xd7\x94\xd7\xa0\xd7\xa1\xd7\x94 \xd7\x90\xd7\x9c\xd7\x94\xd7\x99\xd7\x9d, \xd7\x9c\xd7\x91\xd7\x95\xd7\x90 \xd7\x9c\xd7\xa7\xd7\x97\xd7\xaa \xd7\x9c\xd7\x95 \xd7\x92\xd7\x95\xd7\x99 \xd7\x9e\xd7\xa7\xd7\xa8\xd7\x91 \xd7\x92\xd7\x95\xd7\x99, \xd7\x91\xd7\x9e\xd7\xa1\xd7\xaa \xd7\x91\xd7\x90\xd7\xaa\xd7\xaa \xd7\x95\xd7\x91\xd7\x9e\xd7\x95\xd7\xa4\xd7\xaa\xd7\x99\xd7\x9d \xd7\x95\xd7\x91\xd7\x9e\xd7\x9c\xd7\x97\xd7\x9e\xd7\x94 \xd7\x95\xd7\x91\xd7\x99\xd7\x93 \xd7\x97\xd7\x96\xd7\xa7\xd7\x94 \xd7\x95\xd7\x91\xd7\x96\xd7\xa8\xd7\x95\xd7\xa2 \xd7\xa0\xd7\x98\xd7\x95\xd7\x99\xd7\x94, \xd7\x95\xd7\x91\xd7\x9e\xd7\x95\xd7\xa8\xd7\x90\xd7\x99\xd7\x9d \xd7\x92\xd7\x93\xd7\x9c\xd7\x99\xd7\x9d: \xd7\x9b\xd7\x9b\xd7\x9c \xd7\x90\xd7\xa9\xd7\xa8-\xd7\xa2\xd7\xa9\xd7\x94 \xd7\x9c\xd7\x9b\xd7\x9d \xd7\x99\xd7\x94\xd7\x95\xd7\x94 \xd7\x90\xd7\x9c\xd7\x94\xd7\x99\xd7\x9b\xd7\x9d, \xd7\x91\xd7\x9e\xd7\xa6\xd7\xa8\xd7\x99\xd7\x9d--\xd7\x9c\xd7\xa2\xd7\x99\xd7\xa0\xd7\x99\xd7\x9a </p>
|
|
||||||
|
|
||||||
<p lang=\"he\">\xd7\x9c\xd7\x9b\xd7\x9f \xd7\x97\xd7\x9b\xd7\x95 \xd7\x9c\xd7\x99 \xd7\xa0\xd7\x90\xd7\x9d \xd7\x99\xd7\x94\xd7\x95\xd7\x94 \xd7\x9c\xd7\x99\xd7\x95\xd7\x9d \xd7\xa7\xd7\x95\xd7\x9e\xd7\x99 \xd7\x9c\xd7\xa2\xd7\x93, \xd7\x9b\xd7\x99 \xd7\x9e\xd7\xa9\xd7\xa4\xd7\x98\xd7\x99 \xd7\x9c\xd7\x90\xd7\xa1\xd7\xa3 \xd7\x92\xd7\x95\xd7\x99\xd7\x9d \xd7\x9c\xd7\xa7\xd7\x91\xd7\xa6\xd7\x99 \xd7\x9e\xd7\x9e\xd7\x9c\xd7\x9b\xd7\x95\xd7\xaa, \xd7\x9c\xd7\xa9\xd7\xa4\xd7\x9a \xd7\xa2\xd7\x9c\xd7\x99\xd7\x94\xd7\x9d \xd7\x96\xd7\xa2\xd7\x9e\xd7\x99 \xd7\x9b\xd7\x9c \xd7\x97\xd7\xa8\xd7\x95\xd7\x9f \xd7\x90\xd7\xa4\xd7\x99, \xd7\x9b\xd7\x99 \xd7\x91\xd7\x90\xd7\xa9 \xd7\xa7\xd7\xa0\xd7\x90\xd7\xaa\xd7\x99 \xd7\xaa\xd7\x90\xd7\x9b\xd7\x9c \xd7\x9b\xd7\x9c \xd7\x94\xd7\x90\xd7\xa8\xd7\xa5 </p>
|
|
||||||
|
|
||||||
<p lang=\"he\">\xd7\xa9\xd7\xa4\xd7\x9f \xd7\x90\xd7\x9b\xd7\x9c \xd7\xa7\xd7\xa6\xd7\xaa \xd7\x92\xd7\x96\xd7\xa8 \xd7\x91\xd7\x98\xd7\xa2\xd7\x9d \xd7\x97\xd7\xa1\xd7\x94, \xd7\x95\xd7\x93\xd7\x99. </p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Arabic</h4>
|
|
||||||
<p>\xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4 \xd9\x81\xd9\x8a \xd8\xad\xd8\xaf\xd9\x8a\xd8\xab \xd9\x85\xd8\xaa\xd9\x84\xd9\x81\xd8\xb2<annotation content=\"\xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac\" subject=\"\xd8\xac\xd9\x88\xd8\xb1\xd8\xac\" icon=\"Comment\" color=\"#FE88EF\" author=\"\xd8\xac\xd9\x88\xd8\xb1\xd8\xac\" />
|
|
||||||
\xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xb0\xd9\x83\xd8\xb1\xd9\x89 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa7\xd8\xa8\xd8\xb9\xd8\xa9 \xd9\x84\xd9\x84\xd8\xba\xd8\xb2\xd9\x88 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a \xd9\x84\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xd8\xa7\xd9\x86 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x88\xd9\x84\xd9\x88\xd9\x8a\xd8\xa9 \xd8\xad\xd8\xa7\xd9\x84\xd9\x8a\xd8\xa7 \xd9\x84\xd8\xa7\xd8\xb9\xd8\xa7\xd8\xaf\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd9\x86 \xd9\x84\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82.</p>
|
|
||||||
|
|
||||||
<p>\xd9\x87\xd9\x84 \xd8\xb3\xd8\xaa\xd8\xb3\xd9\x81\xd8\xb1 \xd8\xa7\xd9\x84\xd8\xac\xd9\x87\xd9\x88\xd8\xaf \xd8\xa7\xd9\x84\xd8\xaf\xd8\xa8\xd9\x84\xd9\x88\xd9\x85\xd8\xa7\xd8\xb3\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xac\xd8\xa7\xd8\xb1\xd9\x8a\xd8\xa9 \xd8\xb9\xd9\x86 \xd8\xad\xd9\x84\xd9\x88\xd9\x84\xd8\x9f \xd9\x88\xd9\x83\xd9\x8a\xd9\x81 \xd8\xaa\xd9\x86\xd8\xb8\xd8\xb1 \xd9\x84\xd9\x84\xd8\xa7\xd8\xaa\xd9\x87\xd8\xa7\xd9\x85\xd8\xa7\xd8\xaa \xd9\x84\xd8\xa8\xd8\xb9\xd8\xb6 \xd9\x87\xd8\xb0\xd9\x87 \xd8\xa7\xd9\x84\xd8\xaf\xd9\x88\xd9\x84 \xd8\xa8\xd8\xa7\xd9\x84\xd8\xaa\xd8\xaf\xd8\xae\xd9\x84 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xb4\xd8\xa3\xd9\x86 \xd8\xa7\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82\xd9\x8a\xd8\x8c \xd9\x88\xd8\xa7\xd9\x84\xd8\xaa\xd9\x88\xd8\xb1\xd8\xb7 \xd9\x81\xd9\x8a \xd8\xaf\xd8\xb9\xd9\x85 \xd8\xb9\xd9\x85\xd9\x84\xd9\x8a\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd8\xb9\xd9\x86\xd9\x81\xd8\x9f \xd9\x88\xd8\xa7\xd9\x84\xd9\x89 \xd8\xa7\xd9\x8a \xd9\x85\xd8\xaf\xd9\x89 \xd9\x8a\xd8\xa8\xd8\xaf\xd9\x88 \xd8\xa7\xd9\x84\xd9\x88\xd8\xb6\xd8\xb9 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xd8\xa7\xd9\x86\xd8\xb9\xd9\x83\xd8\xa7\xd8\xb3\xd8\xa7 \xd9\x84\xd9\x84\xd8\xb5\xd8\xb1\xd8\xa7\xd8\xb9\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd8\xa5\xd9\x82\xd9\x84\xd9\x8a\xd9\x85\xd9\x8a\xd8\xa9 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd9\x85\xd9\x86\xd8\xb7\xd9\x82\xd8\xa9\xd8\x9f</p>
|
|
||||||
|
|
||||||
<p>\xd9\x88\xd8\xa7\xd8\xaf\xd8\xa7\xd9\x86 \xd8\xa7\xd9\x84\xd8\xa8\xd9\x8a\xd8\xaa \xd8\xa7\xd9\x84\xd8\xa7\xd8\xa8\xd9\x8a\xd8\xb6 "\xd8\xa8\xd8\xb4\xd8\xaf\xd8\xa9" \xd8\xaa\xd9\x81\xd8\xac\xd9\x8a\xd8\xb1 \xd8\xa7\xd9\x8a\xd9\x84\xd8\xa7\xd8\xaa \xd9\x81\xd9\x8a\xd9\x85\xd8\xa7 \xd8\xa7\xd8\xb9\xd8\xb1\xd8\xa8\xd8\xaa \xd9\x88\xd8\xb2\xd8\xa7\xd8\xb1\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xae\xd8\xa7\xd8\xb1\xd8\xac\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xb1\xd9\x88\xd8\xb3\xd9\x8a\xd8\xa9 \xd8\xb9\xd9\x86 "\xd8\xa7\xd8\xaf\xd8\xa7\xd9\x86\xd8\xaa\xd9\x87\xd8\xa7 \xd8\xa7\xd9\x84\xd8\xb4\xd8\xaf\xd9\x8a\xd8\xaf\xd8\xa9" \xd9\x84\xd9\x84\xd8\xad\xd8\xa7\xd8\xaf\xd8\xab" \xd9\x88\xd8\xa7\xd8\xb5\xd9\x81\xd8\xa9 \xd8\xa7\xd9\x8a\xd8\xa7\xd9\x87 \xd8\xa8\xd9\x80"\xd8\xa7\xd9\x84\xd9\x85\xd8\xaa\xd8\xb7\xd8\xb1\xd9\x81" \xd8\xa7\xd9\x84\xd8\xb0\xd9\x8a \xd8\xa7\xd8\xb3\xd8\xaa\xd9\x87\xd8\xaf\xd9\x81 "\xd9\x85\xd8\xaf\xd9\x86\xd9\x8a\xd9\x8a\xd9\x86 \xd9\x85\xd8\xb3\xd8\xa7\xd9\x84\xd9\x85\xd9\x8a\xd9\x86".</p>
|
|
||||||
|
|
||||||
<p>\xd9\x88\xd8\xa7\xd8\xb6\xd8\xa7\xd9\x81\xd8\xaa \xd9\x88\xd8\xb2\xd8\xa7\xd8\xb1\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xae\xd8\xa7\xd8\xb1\xd8\xac\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xb1\xd9\x88\xd8\xb3\xd9\x8a\xd8\xa9 \xd9\x81\xd9\x8a \xd8\xa8\xd9\x8a\xd8\xa7\xd9\x86\xd9\x87\xd8\xa7: "\xd9\x85\xd9\x86 \xd8\xa7\xd9\x84\xd9\x85\xd8\xa4\xd8\xb3\xd9\x81 \xd8\xa7\xd9\x86 \xd9\x8a\xd8\xa3\xd8\xaa\xd9\x8a \xd9\x87\xd8\xb0\xd8\xa7 \xd8\xa7\xd9\x84\xd8\xad\xd8\xa7\xd8\xaf\xd8\xab \xd8\xa8\xd9\x8a\xd9\x86\xd9\x85\xd8\xa7 \xd8\xaa\xd8\xa8\xd8\xb0\xd9\x84 \xd8\xa7\xd9\x84\xd8\xac\xd9\x87\xd9\x88\xd8\xaf \xd9\x84\xd8\xaa\xd8\xae\xd8\xb7\xd9\x8a \xd8\xa7\xd9\x84\xd8\xa7\xd8\xb2\xd9\x85\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xaf\xd8\xa7\xd8\xae\xd9\x84\xd9\x8a\xd8\xa9".</p>
|
|
||||||
|
|
||||||
<p>\xd9\x88\xd8\xaf\xd8\xb9\xd8\xaa \xd9\x85\xd9\x88\xd8\xb3\xd9\x83\xd9\x88 \xd8\xa7\xd9\x84\xd8\xb3\xd9\x84\xd8\xb7\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x89 "\xd8\xa8\xd8\xb0\xd9\x84 \xd9\x83\xd9\x84 \xd9\x85\xd8\xa7 \xd9\x8a\xd9\x85\xd9\x83\xd9\x86 \xd9\x85\xd9\x86 \xd8\xa7\xd8\xac\xd9\x84 \xd8\xa7\xd8\xad\xd8\xaa\xd9\x88\xd8\xa7\xd8\xa1 \xd9\x85\xd8\xb8\xd8\xa7\xd9\x87\xd8\xb1 \xd8\xa7\xd9\x84\xd8\xaa\xd8\xb7\xd8\xb1\xd9\x81 \xd8\xa7\xd9\x84\xd8\xaa\xd9\x8a \xd9\x84\xd8\xa7 \xd9\x85\xd8\xa8\xd8\xb1\xd8\xb1 \xd9\x84\xd9\x87\xd8\xa7 \xd9\x88\xd8\xa7\xd9\x84\xd8\xaa\xd9\x8a \xd9\x84\xd8\xa7 \xd8\xaa\xd9\x81\xd9\x8a\xd8\xaf \xd9\x85\xd8\xb5\xd8\xa7\xd9\x84\xd8\xad \xd8\xa7\xd9\x84\xd8\xb4\xd8\xb9\xd8\xa8 \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a \xd8\xb9\xd9\x84\xd9\x89 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xaf \xd8\xa7\xd9\x84\xd8\xb7\xd9\x88\xd9\x8a\xd9\x84".</p>
|
|
||||||
|
|
||||||
<p>\xd9\x88\xd8\xaf\xd8\xb9\xd8\xaa \xd9\x85\xd9\x88\xd8\xb3\xd9\x83\xd9\x88 \xd8\xa7\xd9\x84\xd8\xb3\xd9\x84\xd8\xb7\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x89 "\xd8\xa8\xd8\xb0\xd9\x84 \xd9\x83\xd9\x84 \xd9\x85\xd8\xa7 \xd9\x88\xd8\xaf\xd8\xb9\xd8\xaa \xd9\x85\xd9\x88\xd8\xb3\xd9\x83\xd9\x88 \xd8\xa7\xd9\x84\xd8\xb3\xd9\x84\xd8\xb7\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x89 "\xd8\xa8\xd8\xb0\xd9\x84 \xd9\x83\xd9\x84 </p>
|
|
||||||
\xd9\x88\xd8\xaf\xd8\xb9\xd8\xaa \xd9\x85\xd9\x88\xd8\xb3\xd9\x83\xd9\x88 \xd8\xa7\xd9\x84\xd8\xb3\xd9\x84\xd8\xb7\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x89 \xd9\x88\xd8\xaf\xd8\xb9\xd8\xaa \xd9\x85\xd9\x88\xd8\xb3\xd9\x83\xd9\x88 \xd8\xa7\xd9\x84\xd8\xb3\xd9\x84\xd8\xb7\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x89 "\xd8\xa8\xd8\xb0\xd9\x84 \xd9\x83\xd9\x84 \xd9\x85\xd8\xa7 \xd9\x8a\xd9\x85\xd9\x83\xd9\x86 \xd9\x85\xd9\x86 \xd8\xa7\xd8\xac\xd9\x84</p>
|
|
||||||
|
|
||||||
|
|
||||||
<p>\xd9\x83\xd9\x85\xd8\xa7 \xd8\xa7\xd8\xaf\xd8\xa7\xd9\x86 \xd8\xa7\xd9\x84\xd9\x81\xd8\xa7\xd8\xb1\xd9\x88 \xd8\xaf\xd9\x8a \xd8\xb3\xd9\x88\xd8\xaa\xd9\x88 \xd9\x85\xd8\xa8\xd8\xb9\xd9\x88\xd8\xab \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd9\x85 \xd8\xa7\xd9\x84\xd9\x85\xd8\xaa\xd8\xad\xd8\xaf\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xae\xd8\xa7\xd8\xb5 \xd8\xa7\xd9\x84\xd9\x89 \xd8\xa7\xd9\x84\xd8\xb4\xd8\xb1\xd9\x82 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x88\xd8\xb3\xd8\xb7 \xd8\xa7\xd9\x84\xd8\xb9\xd9\x85\xd9\x84\xd9\x8a\xd8\xa9 \xd9\x88\xd9\x82\xd8\xa7\xd9\x84 "\xd8\xa7\xd9\x86\xd9\x87 \xd9\x83\xd8\xa7\xd9\x86 \xd9\x87\xd8\xac\xd9\x88\xd9\x85\xd8\xa7 \xd8\xb9\xd9\x84\xd9\x89 \xd8\xa7\xd8\xb4\xd8\xae\xd8\xa7\xd8\xb5 \xd8\xb9\xd8\xa7\xd8\xaf\xd9\x8a\xd9\x8a\xd9\x86 \xd9\x83\xd8\xa7\xd9\x86\xd9\x88\xd8\xa7 \xd9\x8a\xd9\x82\xd9\x88\xd9\x85\xd9\x88\xd9\x86 \xd8\xa8\xd9\x86\xd8\xb4\xd8\xa7\xd8\xb7\xd9\x87\xd9\x85 \xd8\xa7\xd9\x84\xd9\x8a\xd9\x88\xd9\x85\xd9\x8a \xd9\x88\xd9\x87\xd8\xb0\xd8\xa7 \xd8\xa7\xd9\x85\xd8\xb1 \xd9\x84\xd8\xa7 \xd9\x8a\xd9\x85\xd9\x83\xd9\x86 \xd8\xaa\xd8\xa8\xd8\xb1\xd9\x8a\xd8\xb1\xd9\x87".</p>
|
|
||||||
|
|
||||||
<h4>Farsi / Persian (fa)</h4>
|
|
||||||
<p>\xd9\x85\xd8\xad\xd9\x85\xd8\xaf \xd8\xa7\xd9\x84\xd8\xa8\xd8\xb1\xd8\xa7\xd8\xaf\xd8\xb9\xdb\x8c \xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3 \xd8\xa2\xda\x98\xd8\xa7\xd9\x86\xd8\xb3 \xd8\xa8\xd9\x8a\xd9\x86 \xd8\xa7\xd9\x84\xd9\x85\xd9\x84\xd9\x84\xdb\x8c \xd8\xa7\xd9\x86\xd8\xb1\xda\x98\xdb\x8c \xd8\xa7\xd8\xaa\xd9\x85\xdb\x8c \xd9\xbe\xd9\x8a\xd8\xb4\xd9\x86\xd9\x87\xd8\xa7\xd8\xaf \xda\xa9\xd8\xb1\xd8\xaf\xd9\x87 \xd8\xa7\xd8\xb3\xd8\xaa \xd8\xaa\xd9\x87\xd8\xb1\xd8\xa7\xd9\x86 \xd8\xa8\xd8\xb1\xd9\x86\xd8\xa7\xd9\x85\xd9\x87 \xd8\xac\xd9\x86\xd8\xac\xd8\xa7\xd9\x84\xdb\x8c \xd8\xba\xd9\x86\xdb\x8c \xd8\xb3\xd8\xa7\xd8\xb2\xdb\x8c \xd8\xa7\xd9\x88\xd8\xb1\xd8\xa7\xd9\x86\xd9\x8a\xd9\x88\xd9\x85 \xd8\xb1\xd8\xa7 \xd9\x85\xd8\xaa\xd9\x88\xd9\x82\xd9\x81 \xda\xa9\xd9\x86\xd8\xaf \xd9\x88 \xd8\xba\xd8\xb1\xd8\xa8 \xd9\x86\xd9\x8a\xd8\xb2 \xd8\xa7\xd8\xac\xd8\xb1\xd8\xa7\xdb\x8c \xd8\xaa\xd8\xad\xd8\xb1\xd9\x8a\xd9\x85 \xd9\x87\xd8\xa7\xdb\x8c \xd8\xaa\xd9\x86\xd8\xa8\xd9\x8a\xd9\x87\xdb\x8c \xd9\x85\xd9\x88\xd8\xb1\xd8\xaf \xd8\xaa\xd8\xa7\xd8\xa6\xd9\x8a\xd8\xaf \xd8\xb3\xd8\xa7\xd8\xb2\xd9\x85\xd8\xa7\xd9\x86 \xd9\x85\xd9\x84\xd9\x84 \xd9\x85\xd8\xaa\xd8\xad\xd8\xaf \xd8\xb1\xd8\xa7 \xd8\xa8\xd9\x87 \xd8\xaa\xd8\xb9\xd9\x88\xd9\x8a\xd9\x82 \xd8\xa8\xd9\x8a\xd8\xa7\xd9\x86\xd8\xaf\xd8\xa7\xd8\xb2\xd8\xaf.</p>
|
|
||||||
|
|
||||||
<p>\xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4\xd8\x8c \xd8\xaf\xd8\xb1 \xda\x86\xd9\x87\xd8\xa7\xd8\xb1\xd9\x85\xdb\x8c\xd9\x86 \xd8\xb3\xd8\xa7\xd9\x84\xda\xaf\xd8\xb1\xd8\xaf \xd8\xa7\xd8\xb4\xd8\xba\xd8\xa7\xd9\x84 \xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xd9\x85\xdb\x8c \xda\xaf\xd9\x88\xdb\x8c\xd8\xaf \xd8\xa7\xd8\xb3\xd8\xaa\xd8\xb1\xd8\xa7\xd8\xaa\xda\x98\xdb\x8c \xd8\xa7\xd8\xb3\xd8\xaa\xd9\x82\xd8\xb1\xd8\xa7\xd8\xb1 \xd9\x86\xdb\x8c\xd8\xb1\xd9\x88\xd9\x87\xd8\xa7\xdb\x8c \xd8\xa2\xd9\x85\xd8\xb1\xdb\x8c\xda\xa9\xd8\xa7\xdb\x8c\xdb\x8c \xd8\xa8\xdb\x8c\xd8\xb4\xd8\xaa\xd8\xb1\xdb\x8c \xd8\xaf\xd8\xb1 \xd8\xa8\xd8\xba\xd8\xaf\xd8\xa7\xd8\xaf\xd8\x8c \xd9\x85\xd8\xaf\xd8\xaa\xdb\x8c \xd8\xb7\xd9\x88\xd9\x84 \xd8\xae\xd9\x88\xd8\xa7\xd9\x87\xd8\xaf \xda\xa9\xd8\xb4\xdb\x8c\xd8\xaf.</p>
|
|
||||||
|
|
||||||
<p>\xd8\xa2\xd9\x85\xd8\xb1\xdb\x8c\xda\xa9\xd8\xa7 \xd9\x88\xdb\x8c\xd8\xb2\xd8\xa7\xdb\x8c \xd8\xb1\xd8\xa6\xdb\x8c\xd8\xb3 \xd8\xac\xd9\x85\xd9\x87\xd9\x88\xd8\xb1 \xd8\xa7\xdb\x8c\xd8\xb1\xd8\xa7\xd9\x86 \xd8\xb1\xd8\xa7 \xd8\xa8\xd9\x87 \xd9\x85\xd9\x86\xd8\xb8\xd9\x88\xd8\xb1 \xd8\xad\xd8\xb6\xd9\x88\xd8\xb1 \xd9\x88\xdb\x8c \xd8\xaf\xd8\xb1 \xd8\xac\xd9\x84\xd8\xb3\xd9\x87 \xd8\xb1\xd8\xa7\xdb\x8c \xda\xaf\xdb\x8c\xd8\xb1\xdb\x8c \xd8\xb4\xd9\x88\xd8\xb1\xd8\xa7\xdb\x8c \xd8\xa7\xd9\x85\xd9\x86\xdb\x8c\xd8\xaa \xd8\xa8\xd8\xb1\xd8\xa7\xdb\x8c \xd9\x82\xd8\xb7\xd8\xb9\xd9\x86\xd8\xa7\xd9\x85\xd9\x87 \xd8\xaa\xd8\xa7\xd8\xb2\xd9\x87 \xd8\xb9\xd9\x84\xdb\x8c\xd9\x87 \xd8\xa7\xdb\x8c\xd9\x86 \xda\xa9\xd8\xb4\xd9\x88\xd8\xb1 \xd8\xb5\xd8\xa7\xd8\xaf\xd8\xb1 \xda\xa9\xd8\xb1\xd8\xaf.</p>
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Urdu</h4>
|
|
||||||
<p lang=\"ur\">\xd8\xac\xd8\xb3\xd9\xb9\xd8\xb3 \xd8\xa7\xd9\x81\xd8\xaa\xd8\xae\xd8\xa7\xd8\xb1 \xda\xa9\xdb\x8c \xd8\xac\xd8\xa8\xd8\xb1\xdb\x8c \xd8\xb1\xd8\xae\xd8\xb5\xd8\xaa \xd9\xbe\xd8\xb1 \xd9\x84\xd8\xa7\xdb\x81\xd9\x88\xd8\xb1\xdb\x81\xd8\xa7\xd8\xa6\xdb\x8c \xda\xa9\xd9\x88\xd8\xb1\xd9\xb9 \xda\xa9\xdb\x92 \xd8\xa7\xdb\x8c\xda\xa9 \xd8\xa7\xd9\x88\xd8\xb1 \xd8\xb3\xd9\x86\xd8\xaf\xda\xbe \xd9\x85\xdb\x8c\xda\xba \xda\xa9\xd8\xa6\xdb\x8c \xd8\xb3\xd9\x88\xd9\x84 \xd8\xac\xd8\xac \xd9\x85\xd8\xb3\xd8\xaa\xd8\xb9\xd9\x81\xdb\x8c \xdb\x81\xd9\x88\xda\xaf\xd8\xa6\xdb\x92 \xdb\x81\xdb\x8c\xda\xba\xdb\x94</p>
|
|
||||||
|
|
||||||
<p lang=\"ur\">\xda\x86\xdb\x8c\xd9\x81 \xd8\xac\xd8\xb3\xd9\xb9\xd8\xb3 \xda\xa9\xdb\x8c \xd8\xb3\xd8\xb1\xda\xaf\xd8\xb1\xd9\x85\xdb\x8c\xd8\xa7\xda\xba \xd9\x85\xd8\xad\xd8\xaf\xd9\x88\xd8\xaf \xda\xa9\xd8\xb1\xd9\x86\xdb\x92 \xd8\xa7\xd9\x88\xd8\xb1 \xd9\xbe\xd9\x88\xd9\x84\xdb\x8c\xd8\xb3 \xd8\xaa\xd8\xb9\xdb\x8c\xd9\x86\xd8\xa7\xd8\xaa\xdb\x8c \xda\xa9\xdb\x92 \xd8\xad\xda\xa9\xd9\x85 \xd9\x86\xd8\xa7\xd9\x85\xdb\x92 \xd9\xbe\xd8\xb1 \xd8\xaf\xd8\xb3\xd8\xaa\xd8\xae\xd8\xb7 \xda\xa9\xd8\xb1\xda\xa9\xdb\x92 \xd8\xba\xd9\x84\xd8\xb7 \xda\xa9\xdb\x8c\xd8\xa7: \xd8\xac\xd9\x86\xd8\xb1\xd9\x84 \xd9\x85\xd8\xb4\xd8\xb1\xd9\x81</p>
|
|
||||||
|
|
||||||
<h4>Pashto (ps)</h4>
|
|
||||||
<p lang=\"ps\">\xd9\xbe\xd9\x87 \xda\xa9\xd8\xa7\xd8\xa8\xd9\x84 \xd8\xa7\xd9\x88 \xda\xa9\xd9\x86\xd8\xaf\xd9\x87\xd8\xa7\xd8\xb1 \xda\xa9\xdb\x90 \xd8\xaf\xd9\x88\xd9\x88 \xda\x81\xd8\xa7\xd9\x86\xd9\x85\xd8\xb1\xda\xaf\xd9\x88 \xd8\xa8\xd8\xb1\xd9\x8a\xd8\xaf\xd9\x88\xd9\x86\xd9\x88 \xd9\x84\xda\x96 \xd8\xaa\xd8\xb1 \xd9\x84\xda\x96\xd9\x87 \xd9\x8a\xd9\x88 \xd9\x85\xd8\xa7\xd8\xb4\xd9\x88\xd9\x85 \xd9\x88\xda\x98\xd9\x84\xd9\x89 \xd8\xa7\xd9\x88 \xd8\xa7\xd8\xaa\xd9\x87 \xd8\xaa\xd9\x86\xd9\x87 \xd9\x86\xd9\x88\xd8\xb1 \xd9\x89\xdb\x90 \xd9\xbc\xd9\xbe\xd9\x8a\xd8\xa7\xd9\x86 \xda\xa9\xda\x93\xd9\x8a.</p>
|
|
||||||
|
|
||||||
<p lang=\"ps\">\xd9\x87 \xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xda\xa9\xdb\x90 \xd9\x8a\xd9\x88\xd9\x87 \xd8\xaa\xd8\xa7\xd8\xb2\xd9\x87 \xd9\x86\xd8\xb8\xd8\xb1 \xd8\xb4\xd9\x85\xdb\x90\xd8\xb1\xd9\x86\xd9\x87 \xda\x9a\xd9\x8a\xd9\x8a \xda\x86\xdb\x90 \xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82\xd9\x8a\xd8\xa7\xd9\x86 \xd9\xbe\xd9\x87 \xd8\xb2\xd9\x8a\xd8\xa7\xd8\xaa\xdb\x90\xd8\xaf\xd9\x88\xd9\x86\xda\xa9\xd9\x8a \xd8\xaa\xd9\x88\xda\xaf\xd9\x87 \xd8\xaf \xd8\xad\xd8\xa7\xd9\x84\xd8\xa7\xd8\xaa\xd9\x88 \xd9\xbe\xd9\x87 \xd8\xa7\xda\x93\xd9\x87 \xd8\xa8\xd8\xaf\xd8\xa8\xd9\x8a\xd9\x86\xd9\x87 \xd8\xaf\xd9\x8a \xd8\xa7\xd9\x88 \xd8\xaf \xd8\xa8\xdb\x90 \xd8\xa8\xd8\xa7\xd9\x88\xd8\xb1\xd9\x8a \xd8\xa7\xd8\xad\xd8\xb3\xd8\xa7\xd8\xb3 \xda\xa9\xd9\x88\xd9\x8a\xd8\x8c \xd8\xae\xd9\x88 \xd8\xae\xd9\xbe\xd9\x84 \xd9\x87\xd9\x8a\xd9\x88\xd8\xa7\xd8\xaf \xd9\x8a\xd9\x88\xd9\x85\xd9\x88\xd9\xbc\xd9\x89 \xd8\xba\xd9\x88\xd8\xa7\xda\x93\xd9\x8a.</p>
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Symbols</h4>
|
|
||||||
<p>\xc2\xa9\xc2\xae\xe2\x84\xa2\xc2\xb5\xe2\x80\xa2\xe2\x80\xa6\xe2\x80\xb2\xe2\x80\xb3\xc2\xa7<>\xe2\x89\xa4\xe2\x89\xa5\xc2\xb0\xe2\x88\x92\xc2\xb1\xc3\xb7\xe2\x81\x84\xc3\x97\xc6\x92\xe2\x88\xab\xe2\x88\x91\xe2\x88\x9e\xe2\x88\x9a\xe2\x89\x88\xe2\x89\xa0\xe2\x89\xa1\xe2\x88\x8f\xc2\xac\xe2\x88\xa9\xe2\x88\x82</p>
|
|
||||||
<p>\xce\x92\xce\x93\xce\x94\xce\x95\xce\x96\xce\x97\xce\x98\xce\x99\xce\x9a\xce\x9b\xce\x9c\xce\x9d\xce\x9e\xce\x9f\xce\xa0\xce\xa1\xce\xa3\xce\xa4\xce\xa5\xce\xa6\xce\xa7\xce\xa8\xce\xa9</p>
|
|
||||||
<p>\xce\xb1\xce\xb2\xce\xb3\xce\xb4\xce\xb5\xce\xb6\xce\xb7\xce\xb8\xce\xb9\xce\xba\xce\xbb\xce\xbc\xce\xbd\xce\xbe\xce\xbf\xcf\x80\xcf\x81\xcf\x82\xcf\x83\xcf\x84\xcf\x85\xcf\x86\xcf\x87\xcf\x88\xcf\x89</p>
|
|
||||||
<p>\xe2\x86\x90\xe2\x86\x91\xe2\x86\x92\xe2\x86\x93\xe2\x86\x94\xe2\x97\x8a\xe2\x99\xa3\xe2\x99\xa5\xe2\x99\xa6</p>
|
|
||||||
|
|
||||||
<h4>Dingbats</h4>
|
|
||||||
<p>\xc2\xa7<>\xe2\x86\x92\xe2\x86\x94\xe2\x99\xa3\xe2\x99\xa5\xe2\x99\xa6</p>
|
|
||||||
|
|
||||||
<h4>win-1252 </h4>
|
|
||||||
<p>\xc2\xa2\xe2\x82\xac\xc2\xa9\xc2\xae\xe2\x84\xa2\xe2\x80\xb0\xc2\xb5\xc2\xb7\xe2\x80\xa2\xe2\x80\xa6\xc2\xa7\xc3\x9f\xe2\x80\xb9\xe2\x80\xba\xc2\xab\xc2\xbb\xe2\x80\x98\xe2\x80\x99\xe2\x80\x9c\xe2\x80\x9d\xe2\x80\x9a\xe2\x80\x9e<>\xe2\x80\x93\xe2\x80\x94\xcb\x86\xcb\x9c\xc2\xb0\xc2\xb1\xc3\xb7\xc3\x97\xc2\xbc\xc2\xbd\xc2\xbe\xc6\x92\xc2\xac\xe2\x80\xa0\xe2\x80\xa1</p>
|
|
||||||
<p>\xc3\x80\xc3\x81\xc3\x82\xc3\x83\xc3\x84\xc3\x85\xc3\x86\xc3\x87\xc3\x88\xc3\x89\xc3\x8a\xc3\x8b\xc3\x8c\xc3\x8d\xc3\x8e\xc3\x8f\xc3\x90\xc3\x91\xc3\x92\xc3\x93\xc3\x94\xc3\x95\xc3\x96\xc3\x98\xc5\x92\xc5\xa0\xc3\x99\xc3\x9a\xc3\x9b\xc3\x9c\xc3\x9d\xc5\xb8</p>
|
|
||||||
<p>\xc3\xa0\xc3\xa1\xc3\xa2\xc3\xa3\xc3\xa4\xc3\xa5\xc3\xa6\xc3\xa7\xc3\xa8\xc3\xa9\xc3\xaa\xc3\xab\xc3\xac\xc3\xad\xc3\xae\xc3\xaf\xc3\xb0\xc3\xb1\xc3\xb2\xc3\xb4\xc3\xb5\xc3\xb6\xc3\xb8\xc5\x93\xc5\xa1\xc3\xb9\xc3\xba\xc3\xbb\xc3\xbc\xc3\xbd\xc3\xbe\xc3\xbf</p>
|
|
||||||
|
|
||||||
<h3>Bidirectional text</h3>
|
|
||||||
<p>Text alignment, unless specified, is neutral and therefore dictated by the 'direction' of the paragraph.</p>
|
|
||||||
|
|
||||||
<p>All text is analysed chunk by chunk (between tags) and at the end of every block (div, p, td). If the text contains RTL characters, those characters and words are reversed.</p>
|
|
||||||
|
|
||||||
<p>\xd9\x88\xd8\xa7\xd8\xaf\xd8\xa7\xd9\x86 \xd8\xa7\xd9\x84\xd8\xa8\xd9\x8a\xd8\xaa \xd8\xa7\xd9\x84\xd8\xa7\xd8\xa8\xd9\x8a\xd8\xb6 "\xd8\xa8\xd8\xb4\xd8\xaf\xd8\xa9" \xd8\xaa\xd9\x81\xd8\xac\xd9\x8a\xd8\xb1 with some english in the middle \xd8\xa7\xd9\x8a\xd9\x84\xd8\xa7\xd8\xaa \xd9\x81\xd9\x8a\xd9\x85\xd8\xa7 \xd8\xa7\xd8\xb9\xd8\xb1\xd8\xa8\xd8\xaa \xd9\x88\xd8\xb2\xd8\xa7\xd8\xb1\xd8\xa9</p>
|
|
||||||
|
|
||||||
<p>To set the 'directionality' of the whole document e.g. to reverse default alignment, tables, lists etc. you can set the dir attribute or the direction CSS property on the HTML or BODY tag to 'rtl' e.g.</p>
|
|
||||||
<p><body style=\"direction: rtl\"></p>
|
|
||||||
<p><body dir=\"rtl\"></p>
|
|
||||||
<p style=\"text-align: right\">or you can use \$mpdf->SetDirectionality('rtl');</p>
|
|
||||||
|
|
||||||
<pre style=\"direction: ltr; background-color: #DDFFFF; page-break-inside: avoid;\">
|
|
||||||
- the document now has a baseline direction; this determines the
|
|
||||||
- behaviour of blocks for which text-align has not been specifically set
|
|
||||||
- layout of mirrored page-margins, columns, ToC and Indexes, headers and footers
|
|
||||||
- base direction can be set by any of:
|
|
||||||
- \$mpdf->SetDirectionality('rtl');
|
|
||||||
- <html dir=\"rtl\" or style=\"direction: rtl;\">
|
|
||||||
- <body dir=\"rtl\" or style=\"direction: rtl;\">
|
|
||||||
- base direction is an inherited CSS property, so will affect all content, unless...
|
|
||||||
- direction can be set for all HTML block elements e.g. <DIV><P><TABLE><UL> etc using
|
|
||||||
- CSS property < style=\"direction: rtl;\">
|
|
||||||
- direction can only be set on the top-level element of nested lists
|
|
||||||
- direction can only be set on <TABLE>, NOT on THEAD, TBODY, TD etc.
|
|
||||||
- nested tables CAN have different directions
|
|
||||||
- NOTE that block/table margins/paddings are NOT reversed by direction
|
|
||||||
NB mPDF <5.1 reversed the margins/paddings for blocks when RTL set.
|
|
||||||
- language (either CSS \"lang\", using Autofont, or through initial set-up e.g. \$mpdf = new mPDF('ar') )
|
|
||||||
no longer affects direction in any way.
|
|
||||||
NB config_cp.php has been changed as a result; any values of \"dir\" set here are now ineffective
|
|
||||||
- default text-align is now as per CSS spec: \"a nameless value which is dependent on direction\"
|
|
||||||
NB default text-align removed in default stylesheet in config.php
|
|
||||||
- once text-align is specified, it is respected and inherited
|
|
||||||
NB mPDF <5.1 reversed the text-align property for all blocks when RTL set.
|
|
||||||
- the configurable value $rtlcss is depracated, as it is no longer required
|
|
||||||
- improved algorithm for dtermining text direction
|
|
||||||
- english word blocks are handled in text reversal as one block i.e. dir=\"rtl\"
|
|
||||||
[arabic text] this will not be reversed [arabic text]
|
|
||||||
- arabic numerals 0-9 handled correctly
|
|
||||||
|
|
||||||
Although the control of direction for block elements is now more configurable, the control of
|
|
||||||
text direction (RTL arabic characters) remains fully automatic and unconfigurable.
|
|
||||||
<BDO> etc has no effect. Enclosing text in silent tags can sometimes help e.g.
|
|
||||||
content<span>[arabic text]</span>content
|
|
||||||
|
|
||||||
</pre>
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
<h3>Tables</h3>
|
|
||||||
<p>Tables are automatically transposed when the direction is rtl:</p>
|
|
||||||
<table class=\"bpmTopicC\"><thead>
|
|
||||||
<tr class=\"headerrow\"><th>\xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a</th>
|
|
||||||
<td>
|
|
||||||
<p>\xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a</p>
|
|
||||||
</td>
|
|
||||||
<td>\xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a</td>
|
|
||||||
</tr>
|
|
||||||
</thead><tbody>
|
|
||||||
<tr class=\"oddrow\"><th>\xd9\x82\xd8\xa7\xd9\x84</th>
|
|
||||||
<td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td>
|
|
||||||
<td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td>
|
|
||||||
</tr>
|
|
||||||
<tr class=\"evenrow\"><th>\xd9\x82\xd8\xa7\xd9\x84</th>
|
|
||||||
<td>
|
|
||||||
<p>\xd9\x82\xd8\xa7\xd9\x84 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4 \xd9\x81\xd9\x8a \xd8\xad\xd8\xaf\xd9\x8a\xd8\xab \xd9\x85\xd8\xaa\xd9\x84\xd9\x81\xd8\xb2</p>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<p>\xd9\x82\xd8\xa7\xd9\x84 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4 \xd9\x81\xd9\x8a \xd8\xad\xd8\xaf\xd9\x8a\xd8\xab \xd9\x85\xd8\xaa\xd9\x84\xd9\x81\xd8\xb2</p>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr class=\"oddrow\"><th>
|
|
||||||
<p>\xd9\x82\xd8\xa7\xd9\x84</p>
|
|
||||||
</th>
|
|
||||||
<td>
|
|
||||||
<p>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</p>
|
|
||||||
</td>
|
|
||||||
<td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td>
|
|
||||||
</tr>
|
|
||||||
<tr class=\"evenrow\"><th>
|
|
||||||
<p>\xd9\x82\xd8\xa7\xd9\x84</p>
|
|
||||||
<p>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</p>
|
|
||||||
</th>
|
|
||||||
<td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td>
|
|
||||||
<td>
|
|
||||||
<p>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</p>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr class=\"oddrow\"><th>\xd9\x82\xd8\xa7\xd9\x84</th>
|
|
||||||
<td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td>
|
|
||||||
<td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td>
|
|
||||||
</tr>
|
|
||||||
<tr class=\"evenrow\"><th>\xd9\x82\xd8\xa7\xd9\x84</th>
|
|
||||||
<td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td>
|
|
||||||
<td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td>
|
|
||||||
</tr>
|
|
||||||
<tr class=\"oddrow\"><th>\xd9\x82\xd8\xa7\xd9\x84</th>
|
|
||||||
<td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td>
|
|
||||||
<td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td>
|
|
||||||
</tr>
|
|
||||||
<tr class=\"evenrow\"><th>\xd9\x82\xd8\xa7\xd9\x84</th>
|
|
||||||
<td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td>
|
|
||||||
<td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td>
|
|
||||||
</tr>
|
|
||||||
</tbody></table>
|
|
||||||
<p> </p>
|
|
||||||
<h3>Lists</h3>
|
|
||||||
<p>Lists will automatically reverse as well (note the use of list-style to set numbering):</p>
|
|
||||||
<div style=\"background-color:#ddccff; padding:5pt;\">
|
|
||||||
<ol style=\"list-style-type: arabic-indic;\">
|
|
||||||
<li>\xd9\x82\xd8\xa7\xd9\x84 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</li>
|
|
||||||
<li>\xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a
|
|
||||||
<ul><li>\xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4 \xd9\x81\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4 \xd9\x81\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4 \xd9\x81\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4 \xd9\x81\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4 \xd9\x81\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac </li>
|
|
||||||
<li>\xd8\xad\xd8\xaf\xd9\x8a\xd8\xab \xd9\x85\xd8\xaa\xd9\x84\xd9\x81\xd8\xb2
|
|
||||||
<ul>
|
|
||||||
<li>\xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xb0\xd9\x83\xd8\xb1\xd9\x89 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa7\xd8\xa8\xd8\xb9\xd8\xa9</li>
|
|
||||||
<li>\xd9\x84\xd9\x84\xd8\xba\xd8\xb2\xd9\x88 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul></li>
|
|
||||||
<li>\xd9\x84\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xd8\xa7\xd9\x86 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x88\xd9\x84\xd9\x88\xd9\x8a\xd8\xa9 \xd8\xad\xd8\xa7\xd9\x84\xd9\x8a\xd8\xa7</li>
|
|
||||||
<li>\xd9\x84\xd8\xa7\xd8\xb9\xd8\xa7\xd8\xaf\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd9\x86 \xd9\x84\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82</li>
|
|
||||||
</ol>
|
|
||||||
</div>
|
|
||||||
";
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
// Set Header and Footer
|
|
||||||
$h = array (
|
|
||||||
'odd' =>
|
|
||||||
array (
|
|
||||||
'R' =>
|
|
||||||
array (
|
|
||||||
'content' => '{PAGENO}',
|
|
||||||
'font-size' => 8,
|
|
||||||
'font-style' => 'B',
|
|
||||||
),
|
|
||||||
'L' =>
|
|
||||||
array (
|
|
||||||
'content' => "\xd9\x82\xd8\xa7\xd9\x84 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3",
|
|
||||||
'font-size' => 8,
|
|
||||||
'font-style' => 'B',
|
|
||||||
),
|
|
||||||
'line' => 1,
|
|
||||||
),
|
|
||||||
'even' =>
|
|
||||||
array (
|
|
||||||
'L' =>
|
|
||||||
array (
|
|
||||||
'content' => '{PAGENO}',
|
|
||||||
'font-size' => 8,
|
|
||||||
'font-style' => 'B',
|
|
||||||
),
|
|
||||||
'R' =>
|
|
||||||
array (
|
|
||||||
'content' => "\xd9\x82\xd8\xa7\xd9\x84 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3",
|
|
||||||
'font-size' => 8,
|
|
||||||
'font-style' => 'B',
|
|
||||||
),
|
|
||||||
'line' => 1,
|
|
||||||
),
|
|
||||||
);
|
|
||||||
|
|
||||||
$f = array (
|
|
||||||
'odd' =>
|
|
||||||
array (
|
|
||||||
'L' =>
|
|
||||||
array (
|
|
||||||
'content' => '{DATE Y-m-d}',
|
|
||||||
'font-size' => 8,
|
|
||||||
'font-style' => 'BI',
|
|
||||||
),
|
|
||||||
'C' =>
|
|
||||||
array (
|
|
||||||
'content' => '- {PAGENO} -',
|
|
||||||
'font-size' => 8,
|
|
||||||
),
|
|
||||||
'R' =>
|
|
||||||
array (
|
|
||||||
'content' => "\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3",
|
|
||||||
'font-size' => 8,
|
|
||||||
),
|
|
||||||
'line' => 1,
|
|
||||||
),
|
|
||||||
'even' =>
|
|
||||||
array (
|
|
||||||
'L' =>
|
|
||||||
array (
|
|
||||||
'content' => "\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3",
|
|
||||||
'font-size' => 8,
|
|
||||||
'font-style' => 'B',
|
|
||||||
),
|
|
||||||
'C' =>
|
|
||||||
array (
|
|
||||||
'content' => '- {PAGENO} -',
|
|
||||||
'font-size' => 8,
|
|
||||||
),
|
|
||||||
'R' =>
|
|
||||||
array (
|
|
||||||
'content' => '{DATE Y-m-d}',
|
|
||||||
'font-size' => 8,
|
|
||||||
'font-style' => 'BI',
|
|
||||||
),
|
|
||||||
'line' => 1,
|
|
||||||
),
|
|
||||||
);
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf=new mPDF('ar','A4','','',32,25,27,25,16,13);
|
|
||||||
|
|
||||||
// From mPDF 5.1 onwards you must set:
|
|
||||||
$mpdf->SetDirectionality('rtl');
|
|
||||||
$mpdf->mirrorMargins = true;
|
|
||||||
$mpdf->SetDisplayMode('fullpage','two');
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->setHeader($h);
|
|
||||||
$mpdf->setFooter($f);
|
|
||||||
|
|
||||||
|
|
||||||
$stylesheet = file_get_contents('mpdfstyletables.css');
|
|
||||||
$mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
$mpdf->AddPage();
|
|
||||||
|
|
||||||
$mpdf->SetColumns(2,'J');
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,91 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
ini_set("memory_limit","256M");
|
|
||||||
|
|
||||||
|
|
||||||
$html = "
|
|
||||||
|
|
||||||
<style>
|
|
||||||
p { text-align: justify; }
|
|
||||||
td { text-align: justify; }
|
|
||||||
</style>
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>CJK Languages</h2>
|
|
||||||
|
|
||||||
|
|
||||||
<bookmark content=\"\xe3\x81\x82\xe3\x82\x81 \xe3\x81\xa4\xe3\x81\xa1\">
|
|
||||||
|
|
||||||
<h4>Japanese (pangrams)</h4>
|
|
||||||
<h5>Iroha Uta </h5>
|
|
||||||
|
|
||||||
<p style=\"font-family: SJIS\">\xe3\x81\x84\xe3\x82\x8d\xe3\x81\xaf\xe3\x81\xab\xe3\x81\xbb\xe3\x81\xb8\xe3\x81\xa8\xe3\x80\x80\xe3\x81\xa1\xe3\x82\x8a\xe3\x81\xac\xe3\x82\x8b\xe3\x82\x92\xe3\x80\x80\xe3\x82\x8f\xe3\x81\x8b\xe3\x82\x88\xe3\x81\x9f\xe3\x82\x8c\xe3\x81\x9d\xe3\x80\x80\xe3\x81\xa4\xe3\x81\xad\xe3\x81\xaa\xe3\x82\x89\xe3\x82\x80\xe3\x80\x80\xe3\x81\x86\xe3\x82\x90\xe3\x81\xae\xe3\x81\x8a\xe3\x81\x8f\xe3\x82\x84\xe3\x81\xbe\xe3\x80\x80\xe3\x81\x91\xe3\x81\xb5\xe3\x81\x93\xe3\x81\x88\xe3\x81\xa6\xe3\x80\x80\xe3\x81\x82\xe3\x81\x95\xe3\x81\x8d\xe3\x82\x86\xe3\x82\x81\xe3\x81\xbf\xe3\x81\x97\xe3\x80\x80\xe3\x82\x91\xe3\x81\xb2\xe3\x82\x82\xe3\x81\x9b\xe3\x81\x99 </p>
|
|
||||||
|
|
||||||
<p lang=\"ja\">\xe8\x89\xb2\xe3\x81\xaf\xe5\x8c\x82\xe3\x81\xb8\xe3\x81\xa9\xe3\x80\x80\xe6\x95\xa3\xe3\x82\x8a\xe3\x81\xac\xe3\x82\x8b\xe3\x82\x92\xe3\x80\x80\xe6\x88\x91\xe3\x81\x8c\xe4\xb8\x96\xe8\xaa\xb0\xe3\x81\x9e\xe3\x80\x80\xe5\xb8\xb8\xe3\x81\xaa\xe3\x82\x89\xe3\x82\x80\xe3\x80\x80\xe6\x9c\x89\xe7\x82\xba\xe3\x81\xae\xe5\xa5\xa5\xe5\xb1\xb1\xe3\x80\x80\xe4\xbb\x8a\xe6\x97\xa5\xe8\xb6\x8a\xe3\x81\x88\xe3\x81\xa6\xe3\x80\x80\xe6\xb5\x85\xe3\x81\x8d\xe5\xa4\xa2\xe8\xa6\x8b\xe3\x81\x98\xe3\x80\x80\xe9\x85\x94\xe3\x81\xb2\xe3\x82\x82\xe3\x81\x9b\xe3\x81\x9a\xef\xbc\x88\xe3\x82\x93\xef\xbc\x89 </p>
|
|
||||||
|
|
||||||
<h5>Tori Naku Uta </h5>
|
|
||||||
|
|
||||||
<p style=\"font-family: SJIS\">\xe3\x81\xa8\xe3\x82\x8a\xe3\x81\xaa\xe3\x81\x8f\xe3\x81\x93\xe3\x82\x91\xe3\x81\x99\xe3\x80\x80\xe3\x82\x86\xe3\x82\x81\xe3\x81\x95\xe3\x81\xbe\xe3\x81\x9b\xe3\x80\x80\xe3\x81\xbf\xe3\x82\x88\xe3\x81\x82\xe3\x81\x91\xe3\x82\x8f\xe3\x81\x9f\xe3\x82\x8b\xe3\x80\x80\xe3\x81\xb2\xe3\x82\x93\xe3\x81\x8b\xe3\x81\x97\xe3\x82\x92\xe3\x80\x80\xe3\x81\x9d\xe3\x82\x89\xe3\x81\x84\xe3\x82\x8d\xe3\x81\xaf\xe3\x81\x88\xe3\x81\xa6\xe3\x80\x80\xe3\x81\x8a\xe3\x81\x8d\xe3\x81\xa4\xe3\x81\xb8\xe3\x81\xab\xe3\x80\x80\xe3\x81\xbb\xe3\x81\xb5\xe3\x81\xad\xe3\x82\x80\xe3\x82\x8c\xe3\x82\x90\xe3\x81\xac\xe3\x80\x80\xe3\x82\x82\xe3\x82\x84\xe3\x81\xae\xe3\x81\x86\xe3\x81\xa1 </p>
|
|
||||||
|
|
||||||
<p lang=\"ja\">\xe9\xb3\xa5\xe5\x95\xbc\xe3\x81\x8f\xe5\xa3\xb0\xe3\x81\x99\xe3\x80\x80\xe5\xa4\xa2\xe8\xa6\x9a\xe3\x81\xbe\xe3\x81\x9b\xe3\x80\x80\xe8\xa6\x8b\xe3\x82\x88\xe6\x98\x8e\xe3\x81\x91\xe6\xb8\xa1\xe3\x82\x8b\xe3\x80\x80\xe6\x9d\xb1\xe3\x82\x92\xe3\x80\x80\xe7\xa9\xba\xe8\x89\xb2\xe6\xa0\x84\xe3\x81\x88\xe3\x81\xa6\xe3\x80\x80\xe6\xb2\x96\xe3\x81\xa4\xe8\xbe\xba\xe3\x81\xab\xe3\x80\x80\xe5\xb8\x86\xe8\x88\xb9\xe7\xbe\xa4\xe3\x82\x8c\xe3\x82\x90\xe3\x81\xac\xe3\x80\x80\xe9\x9d\x84\xe3\x81\xae\xe4\xb8\xad </p>
|
|
||||||
|
|
||||||
<h5>Ametsuchi No Uta </h5>
|
|
||||||
|
|
||||||
<p style=\"font-family: SJIS\">\xe3\x81\x82\xe3\x82\x81 \xe3\x81\xa4\xe3\x81\xa1 \xe3\x81\xbb\xe3\x81\x97 \xe3\x81\x9d\xe3\x82\x89 / \xe3\x82\x84\xe3\x81\xbe \xe3\x81\x8b\xe3\x81\xaf \xe3\x81\xbf\xe3\x81\xad \xe3\x81\x9f\xe3\x81\xab / \xe3\x81\x8f\xe3\x82\x82 \xe3\x81\x8d\xe3\x82\x8a \xe3\x82\x80\xe3\x82\x8d \xe3\x81\x93\xe3\x81\x91 / \xe3\x81\xb2\xe3\x81\xa8 \xe3\x81\x84\xe3\x81\xac \xe3\x81\x86\xe3\x81\xb8 \xe3\x81\x99\xe3\x82\x91 / \xe3\x82\x86\xe3\x82\x8f \xe3\x81\x95\xe3\x82\x8b \xe3\x81\x8a\xe3\x81\xb5 \xe3\x81\x9b\xe3\x82\x88 / \xe3\x81\x88\xe3\x81\xae\xe3\x81\x88*\xe3\x82\x92 \xe3\x81\xaa\xe3\x82\x8c \xe3\x82\x90\xe3\x81\xa6 </p>
|
|
||||||
|
|
||||||
<p lang=\"ja\">\xe5\xa4\xa9 \xe5\x9c\xb0 \xe6\x98\x9f \xe7\xa9\xba / \xe5\xb1\xb1 \xe5\xb7\x9d \xe5\xb3\xb0 \xe8\xb0\xb7 / \xe9\x9b\xb2 \xe9\x9c\xa7 \xe5\xae\xa4 \xe8\x8b\x94 / \xe4\xba\xba \xe7\x8a\xac \xe4\xb8\x8a \xe6\x9c\xab / \xe7\xa1\xab\xe9\xbb\x84 \xe7\x8c\xbf \xe7\x94\x9f\xe3\x81\xb5 \xe7\x82\xba\xe3\x82\x88 / \xe6\xa6\x8e\xe3\x81\xae \xe6\x9e\x9d\xe3\x82\x92 \xe9\xa6\xb4\xe3\x82\x8c \xe5\xb1\x85\xe3\x81\xa6 </p>
|
|
||||||
|
|
||||||
<h5>Taini no Uta </h5>
|
|
||||||
|
|
||||||
<p style=\"font-family: SJIS\">\xe3\x81\x9f\xe3\x82\x90\xe3\x81\xab\xe3\x81\x84\xe3\x81\xa6\xe3\x80\x80\xe3\x81\xaa\xe3\x81\xa4\xe3\x82\x80\xe3\x82\x8f\xe3\x82\x8c\xe3\x82\x92\xe3\x81\x9d\xe3\x80\x80\xe3\x81\x8d\xe3\x81\xbf\xe3\x82\x81\xe3\x81\x99\xe3\x81\xa8\xe3\x80\x80\xe3\x81\x82\xe3\x81\x95\xe3\x82\x8a\xe3\x81\x8a\xe3\x81\xb2\xe3\x82\x86\xe3\x81\x8f\xe3\x80\x80\xe3\x82\x84\xe3\x81\xbe\xe3\x81\x97\xe3\x82\x8d\xe3\x81\xae\xe3\x80\x80\xe3\x81\x86\xe3\x81\xa1\xe3\x82\x91\xe3\x81\xb8\xe3\x82\x8b\xe3\x81\x93\xe3\x82\x89\xe3\x80\x80\xe3\x82\x82\xe3\x81\xaf\xe3\x81\xbb\xe3\x81\x9b\xe3\x82\x88\xe3\x80\x80\xe3\x81\x88\xe3\x81\xb5\xe3\x81\xad\xe3\x81\x8b\xe3\x81\x91\xe3\x81\xac </p>
|
|
||||||
|
|
||||||
<p lang=\"ja\">\xe7\x94\xb0\xe5\xb1\x85\xe3\x81\xab\xe5\x87\xba\xe3\x81\xa7\xe3\x80\x80\xe8\x8f\x9c\xe6\x91\x98\xe3\x82\x80\xe3\x82\x8f\xe3\x82\x8c\xe3\x82\x92\xe3\x81\x9e\xe3\x80\x80\xe5\x90\x9b\xe5\x8f\xac\xe3\x81\x99\xe3\x81\xa8\xe3\x80\x80\xe6\xb1\x82\xe9\xa3\x9f\xe3\x82\x8a\xe8\xbf\xbd\xe3\x81\xb2\xe3\x82\x86\xe3\x81\x8f\xe3\x80\x80\xe5\xb1\xb1\xe5\x9f\x8e\xe3\x81\xae\xe3\x80\x80\xe6\x89\x93\xe9\x85\x94\xe3\x81\xb8\xe3\x82\x8b\xe5\xad\x90\xe3\x82\x89\xe3\x80\x80\xe8\x97\xbb\xe8\x91\x89\xe5\xb9\xb2\xe3\x81\x9b\xe3\x82\x88\xe3\x80\x80\xe3\x81\x88\xe8\x88\x9f\xe7\xb9\x8b\xe3\x81\x91\xe3\x81\xac </p>
|
|
||||||
|
|
||||||
|
|
||||||
<bookmark content=\"\xe7\xbe\x8e\xe5\x9b\xbd\xe8\x88\xaa\xe7\xa9\xba\xe4\xb8\x9a\xe5\xb7\xa8\">
|
|
||||||
<h4>Chinese (simplified) GB2312</h4>
|
|
||||||
|
|
||||||
<p style=\"font-family: GB\">\xe6\x9d\xa5\xe8\x87\xaa\xe5\x95\x86\xe5\x8a\xa1\xe9\x83\xa8\xe6\x96\xb0\xe9\x97\xbb\xe5\x8a\x9e\xe5\x85\xac\xe5\xae\xa4\xe7\x9a\x84\xe6\xb6\x88\xe6\x81\xaf\xe7\xa7\xb0\xef\xbc\x8c\xe4\xb8\xad\xe6\x96\xb9\xe5\x85\x8d\xe9\x99\xa4\xe4\xb8\x8e\xe4\xb8\xad\xe5\x9b\xbd\xe6\x9c\x89\xe5\xa4\x96\xe4\xba\xa4\xe5\x85\xb3\xe7\xb3\xbb\xe7\x9a\x84\xe6\x89\x80\xe6\x9c\x89\xe9\x9d\x9e\xe6\xb4\xb2\xe9\x87\x8d\xe5\x80\xba\xe7\xa9\xb7\xe5\x9b\xbd\xe5\x8f\x8a\xe6\x9c\x80\xe4\xb8\x8d\xe5\x8f\x91\xe8\xbe\xbe\xe5\x9b\xbd\xe5\xae\xb6\xe6\x88\xaa\xe8\x87\xb32005\xe5\xb9\xb4\xe5\xba\x95\xe5\xaf\xb9\xe5\x8d\x8e\xe5\x88\xb0\xe6\x9c\x9f\xe6\x94\xbf\xe5\xba\x9c\xe6\x97\xa0\xe6\x81\xaf\xe8\xb4\xb7\xe6\xac\xbe\xe5\x80\xba\xe5\x8a\xa1\xe3\x80\x82\xe6\x9c\x89\xe5\x85\xb3\xe9\x83\xa8\xe9\x97\xa8\xe5\xb7\xb2\xe5\xaf\xb9\xe7\x9b\xb8\xe5\x85\xb3\xe5\x80\xba\xe5\x8a\xa1\xe8\xbf\x9b\xe8\xa1\x8c\xe5\x85\xa8\xe9\x9d\xa2\xe6\xb8\x85\xe7\x90\x86\xe6\xa0\xb8\xe5\xaf\xb9\xef\xbc\x8c\xe5\xaf\xb9\xe4\xb8\x8e\xe4\xb8\xad\xe5\x9b\xbd\xe6\x9c\x89\xe5\xa4\x96\xe4\xba\xa4\xe5\x85\xb3\xe7\xb3\xbb\xe7\x9a\x8433\xe4\xb8\xaa\xe9\x9d\x9e\xe6\xb4\xb2\xe9\x87\x8d\xe5\x80\xba\xe7\xa9\xb7\xe5\x9b\xbd\xe5\x92\x8c\xe6\x9c\x80\xe4\xb8\x8d\xe5\x8f\x91\xe8\xbe\xbe\xe5\x9b\xbd\xe5\xae\xb6\xef\xbc\x8c\xe5\x85\x8d\xe9\x99\xa4\xe5\x85\xb6\xe6\x88\xaa\xe8\x87\xb32005\xe5\xb9\xb4\xe5\xba\x95168\xe7\xac\x94\xe5\xaf\xb9\xe5\x8d\x8e\xe5\x88\xb0\xe6\x9c\x9f\xe6\x97\xa0\xe6\x81\xaf\xe8\xb4\xb7\xe6\xac\xbe\xe5\x80\xba\xe5\x8a\xa1\xe3\x80\x82\xe6\x8b\x9f\xe4\xba\x8e2007\xe5\xb9\xb4\xe5\xba\x95\xe5\x89\x8d\xe4\xb8\x8e\xe5\x8f\x97\xe6\x8f\xb4\xe5\x9b\xbd\xe5\x8a\x9e\xe7\x90\x86\xe5\xae\x8c\xe5\x85\x8d\xe5\x80\xba\xe5\x8d\x8f\xe8\xae\xae\xe3\x80\x82</p>
|
|
||||||
|
|
||||||
|
|
||||||
<bookmark content=\"\xe3\x80\x8c\xe6\x86\x82\xe9\xac\xb1\xe5\xb0\x8f\xe7\x8e\x8b\xe5\xad\x90\xe3\x80\x8d\">
|
|
||||||
<h4>Chinese (Traditional - Hong Kong)</h4>
|
|
||||||
|
|
||||||
<p lang=\"zh-HK\">\xe3\x80\x8c\xe6\x86\x82\xe9\xac\xb1\xe5\xb0\x8f\xe7\x8e\x8b\xe5\xad\x90\xe3\x80\x8d\xe6\x98\xaf\xe4\xb8\x80\xe5\x80\x8b\xe6\x95\x99\xe8\x82\xb2\xe7\xb6\xb2\xe7\xab\x99\xef\xbc\x8c\xe5\xae\x83\xe6\x88\x90\xe5\x8a\x9f\xe7\xb5\x90\xe5\x90\x88\xe4\xba\x86\xe9\xa6\x99\xe6\xb8\xaf\xe8\xb3\xbd\xe9\xa6\xac\xe6\x9c\x83\xe9\x98\xb2\xe6\xad\xa2\xe8\x87\xaa\xe6\xae\xba\xe7\xa0\x94\xe7\xa9\xb6\xe4\xb8\xad\xe5\xbf\x83\xe5\x90\x84\xe6\x96\xb9\xe9\x9d\xa2\xe7\x9a\x84\xe5\xb0\x88\xe6\x89\x8d\xef\xbc\x8c\xe7\x82\xba\xe9\x9d\x92\xe5\xb0\x91\xe5\xb9\xb4\xe4\xba\xba\xe6\x8f\x90\xe4\xbe\x9b\xe7\xb2\xbe\xe7\xa5\x9e\xe5\x81\xa5\xe5\xba\xb7\xe7\x9a\x84\xe8\xa8\x8a\xe6\x81\xaf\xef\xbc\x8c\xe5\xb0\x8d\xe6\x99\xae\xe5\x8f\x8a\xe6\x8a\x91\xe9\xac\xb1\xe7\x97\x87\xe7\x9f\xa5\xe8\xad\x98\xe7\x9a\x84\xe8\xb2\xa2\xe7\x8d\xbb\xe8\x89\xaf\xe5\xa4\x9a\xe3\x80\x82\xe5\x9c\xa8\xe9\xa6\x99\xe6\xb8\xaf\xef\xbc\x8c\xe5\xae\x83\xe6\x9b\xbe\xe7\x8d\xb2\xe9\x81\xb8\xe7\x82\xba\xe3\x80\x8c2004\xe5\xb9\xb4\xe5\x8d\x81\xe5\xa4\xa7\xe5\x81\xa5\xe5\xba\xb7\xe7\xb6\xb2\xe7\xab\x99\xe3\x80\x8d\xe4\xb9\x8b\xe4\xb8\x80\xef\xbc\x8c\xe8\xa9\xb2\xe9\xa0\x85\xe9\x81\xb8\xe8\x88\x89\xe8\x87\xaa2005\xe5\xb9\xb4\xe8\xb5\xb7\xe6\x94\xb9\xe5\x90\x8d\xe7\x8f\xbe\xe6\x99\x82\xe7\x9a\x84\xe3\x80\x8c\xe5\x84\xaa\xe7\xa7\x80\xe7\xb6\xb2\xe7\xab\x99\xe9\x81\xb8\xe8\x88\x89\xe3\x80\x8d\xe3\x80\x82\xe5\x85\xb6\xe8\xb2\xa2\xe7\x8d\xbb\xe5\x9c\xa8\xe5\x9c\x8b\xe9\x9a\x9b\xe9\x96\x93\xe4\xba\xa6\xe5\x82\x99\xe5\x8f\x97\xe8\x82\xaf\xe5\xae\x9a\xef\xbc\x8c2005\xe5\xb9\xb4\xef\xbc\x8c\xe8\xa9\xb2\xe7\xb6\xb2\xe7\xab\x99\xe6\xa6\xae\xe7\x8d\xb2\xe7\xac\xac\xe5\x85\xab\xe5\xb1\x86\xe3\x80\x8c\xe4\xba\x9e\xe6\xb4\xb2\xe5\x89\xb5\xe6\x96\xb0\xe5\xa4\xa7\xe7\x8d\x8e\xe3\x80\x8d\xe9\x8a\x80\xe7\x8d\x8e\xe3\x80\x82</p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<bookmark content=\"\xed\x82\xa4\xec\x8a\xa4\xec\x9d\x98\">
|
|
||||||
<h4>Korean</h4>
|
|
||||||
<p style=\"font-family: UHC\">\xed\x82\xa4\xec\x8a\xa4\xec\x9d\x98 \xea\xb3\xa0\xec\x9c\xa0\xec\xa1\xb0\xea\xb1\xb4\xec\x9d\x80 \xec\x9e\x85\xec\x88\xa0\xeb\x81\xbc\xeb\xa6\xac \xeb\xa7\x8c\xeb\x82\x98\xec\x95\xbc \xed\x95\x98\xea\xb3\xa0 \xed\x8a\xb9\xeb\xb3\x84\xed\x95\x9c \xea\xb8\xb0\xec\x88\xa0\xec\x9d\x80 \xed\x95\x84\xec\x9a\x94\xec\xb9\x98 \xec\x95\x8a\xeb\x8b\xa4. </p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
";
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('+aCJK','A4','','',32,25,27,25,16,13);
|
|
||||||
$mpdf->SetDisplayMode('fullpage');
|
|
||||||
|
|
||||||
$mpdf->SetTitle($utxt['zh-CN']);
|
|
||||||
$mpdf->SetAuthor($utxt['zh-CN']);
|
|
||||||
|
|
||||||
// LOAD a stylesheet
|
|
||||||
$stylesheet = file_get_contents('mpdfstyleA4.css');
|
|
||||||
$mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,89 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
ini_set("memory_limit","256M");
|
|
||||||
|
|
||||||
|
|
||||||
$html = "
|
|
||||||
|
|
||||||
<style>
|
|
||||||
p { text-align: justify; }
|
|
||||||
td { text-align: justify; }
|
|
||||||
</style>
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>CJK Languages</h2>
|
|
||||||
|
|
||||||
|
|
||||||
<bookmark content=\"\xe3\x81\x82\xe3\x82\x81 \xe3\x81\xa4\xe3\x81\xa1\">
|
|
||||||
|
|
||||||
<h4>Japanese (pangrams)</h4>
|
|
||||||
<h5>Iroha Uta </h5>
|
|
||||||
|
|
||||||
<p style=\"font-family: IPAMinchoP\">\xe3\x81\x84\xe3\x82\x8d\xe3\x81\xaf\xe3\x81\xab\xe3\x81\xbb\xe3\x81\xb8\xe3\x81\xa8\xe3\x80\x80\xe3\x81\xa1\xe3\x82\x8a\xe3\x81\xac\xe3\x82\x8b\xe3\x82\x92\xe3\x80\x80\xe3\x82\x8f\xe3\x81\x8b\xe3\x82\x88\xe3\x81\x9f\xe3\x82\x8c\xe3\x81\x9d\xe3\x80\x80\xe3\x81\xa4\xe3\x81\xad\xe3\x81\xaa\xe3\x82\x89\xe3\x82\x80\xe3\x80\x80\xe3\x81\x86\xe3\x82\x90\xe3\x81\xae\xe3\x81\x8a\xe3\x81\x8f\xe3\x82\x84\xe3\x81\xbe\xe3\x80\x80\xe3\x81\x91\xe3\x81\xb5\xe3\x81\x93\xe3\x81\x88\xe3\x81\xa6\xe3\x80\x80\xe3\x81\x82\xe3\x81\x95\xe3\x81\x8d\xe3\x82\x86\xe3\x82\x81\xe3\x81\xbf\xe3\x81\x97\xe3\x80\x80\xe3\x82\x91\xe3\x81\xb2\xe3\x82\x82\xe3\x81\x9b\xe3\x81\x99 </p>
|
|
||||||
|
|
||||||
<p lang=\"ja\">\xe8\x89\xb2\xe3\x81\xaf\xe5\x8c\x82\xe3\x81\xb8\xe3\x81\xa9\xe3\x80\x80\xe6\x95\xa3\xe3\x82\x8a\xe3\x81\xac\xe3\x82\x8b\xe3\x82\x92\xe3\x80\x80\xe6\x88\x91\xe3\x81\x8c\xe4\xb8\x96\xe8\xaa\xb0\xe3\x81\x9e\xe3\x80\x80\xe5\xb8\xb8\xe3\x81\xaa\xe3\x82\x89\xe3\x82\x80\xe3\x80\x80\xe6\x9c\x89\xe7\x82\xba\xe3\x81\xae\xe5\xa5\xa5\xe5\xb1\xb1\xe3\x80\x80\xe4\xbb\x8a\xe6\x97\xa5\xe8\xb6\x8a\xe3\x81\x88\xe3\x81\xa6\xe3\x80\x80\xe6\xb5\x85\xe3\x81\x8d\xe5\xa4\xa2\xe8\xa6\x8b\xe3\x81\x98\xe3\x80\x80\xe9\x85\x94\xe3\x81\xb2\xe3\x82\x82\xe3\x81\x9b\xe3\x81\x9a\xef\xbc\x88\xe3\x82\x93\xef\xbc\x89 </p>
|
|
||||||
|
|
||||||
<h5>Tori Naku Uta </h5>
|
|
||||||
|
|
||||||
<p style=\"font-family: IPAGothicP\">\xe3\x81\xa8\xe3\x82\x8a\xe3\x81\xaa\xe3\x81\x8f\xe3\x81\x93\xe3\x82\x91\xe3\x81\x99\xe3\x80\x80\xe3\x82\x86\xe3\x82\x81\xe3\x81\x95\xe3\x81\xbe\xe3\x81\x9b\xe3\x80\x80\xe3\x81\xbf\xe3\x82\x88\xe3\x81\x82\xe3\x81\x91\xe3\x82\x8f\xe3\x81\x9f\xe3\x82\x8b\xe3\x80\x80\xe3\x81\xb2\xe3\x82\x93\xe3\x81\x8b\xe3\x81\x97\xe3\x82\x92\xe3\x80\x80\xe3\x81\x9d\xe3\x82\x89\xe3\x81\x84\xe3\x82\x8d\xe3\x81\xaf\xe3\x81\x88\xe3\x81\xa6\xe3\x80\x80\xe3\x81\x8a\xe3\x81\x8d\xe3\x81\xa4\xe3\x81\xb8\xe3\x81\xab\xe3\x80\x80\xe3\x81\xbb\xe3\x81\xb5\xe3\x81\xad\xe3\x82\x80\xe3\x82\x8c\xe3\x82\x90\xe3\x81\xac\xe3\x80\x80\xe3\x82\x82\xe3\x82\x84\xe3\x81\xae\xe3\x81\x86\xe3\x81\xa1 </p>
|
|
||||||
|
|
||||||
<p lang=\"ja\">\xe9\xb3\xa5\xe5\x95\xbc\xe3\x81\x8f\xe5\xa3\xb0\xe3\x81\x99\xe3\x80\x80\xe5\xa4\xa2\xe8\xa6\x9a\xe3\x81\xbe\xe3\x81\x9b\xe3\x80\x80\xe8\xa6\x8b\xe3\x82\x88\xe6\x98\x8e\xe3\x81\x91\xe6\xb8\xa1\xe3\x82\x8b\xe3\x80\x80\xe6\x9d\xb1\xe3\x82\x92\xe3\x80\x80\xe7\xa9\xba\xe8\x89\xb2\xe6\xa0\x84\xe3\x81\x88\xe3\x81\xa6\xe3\x80\x80\xe6\xb2\x96\xe3\x81\xa4\xe8\xbe\xba\xe3\x81\xab\xe3\x80\x80\xe5\xb8\x86\xe8\x88\xb9\xe7\xbe\xa4\xe3\x82\x8c\xe3\x82\x90\xe3\x81\xac\xe3\x80\x80\xe9\x9d\x84\xe3\x81\xae\xe4\xb8\xad </p>
|
|
||||||
|
|
||||||
<h5>Ametsuchi No Uta </h5>
|
|
||||||
|
|
||||||
<p style=\"font-family: IPAGothicP\">\xe3\x81\x82\xe3\x82\x81 \xe3\x81\xa4\xe3\x81\xa1 \xe3\x81\xbb\xe3\x81\x97 \xe3\x81\x9d\xe3\x82\x89 / \xe3\x82\x84\xe3\x81\xbe \xe3\x81\x8b\xe3\x81\xaf \xe3\x81\xbf\xe3\x81\xad \xe3\x81\x9f\xe3\x81\xab / \xe3\x81\x8f\xe3\x82\x82 \xe3\x81\x8d\xe3\x82\x8a \xe3\x82\x80\xe3\x82\x8d \xe3\x81\x93\xe3\x81\x91 / \xe3\x81\xb2\xe3\x81\xa8 \xe3\x81\x84\xe3\x81\xac \xe3\x81\x86\xe3\x81\xb8 \xe3\x81\x99\xe3\x82\x91 / \xe3\x82\x86\xe3\x82\x8f \xe3\x81\x95\xe3\x82\x8b \xe3\x81\x8a\xe3\x81\xb5 \xe3\x81\x9b\xe3\x82\x88 / \xe3\x81\x88\xe3\x81\xae\xe3\x81\x88*\xe3\x82\x92 \xe3\x81\xaa\xe3\x82\x8c \xe3\x82\x90\xe3\x81\xa6 </p>
|
|
||||||
|
|
||||||
<p lang=\"ja\">\xe5\xa4\xa9 \xe5\x9c\xb0 \xe6\x98\x9f \xe7\xa9\xba / \xe5\xb1\xb1 \xe5\xb7\x9d \xe5\xb3\xb0 \xe8\xb0\xb7 / \xe9\x9b\xb2 \xe9\x9c\xa7 \xe5\xae\xa4 \xe8\x8b\x94 / \xe4\xba\xba \xe7\x8a\xac \xe4\xb8\x8a \xe6\x9c\xab / \xe7\xa1\xab\xe9\xbb\x84 \xe7\x8c\xbf \xe7\x94\x9f\xe3\x81\xb5 \xe7\x82\xba\xe3\x82\x88 / \xe6\xa6\x8e\xe3\x81\xae \xe6\x9e\x9d\xe3\x82\x92 \xe9\xa6\xb4\xe3\x82\x8c \xe5\xb1\x85\xe3\x81\xa6 </p>
|
|
||||||
|
|
||||||
<h5>Taini no Uta </h5>
|
|
||||||
|
|
||||||
<p style=\"font-family: hannoma\">\xe3\x81\x9f\xe3\x82\x90\xe3\x81\xab\xe3\x81\x84\xe3\x81\xa6\xe3\x80\x80\xe3\x81\xaa\xe3\x81\xa4\xe3\x82\x80\xe3\x82\x8f\xe3\x82\x8c\xe3\x82\x92\xe3\x81\x9d\xe3\x80\x80\xe3\x81\x8d\xe3\x81\xbf\xe3\x82\x81\xe3\x81\x99\xe3\x81\xa8\xe3\x80\x80\xe3\x81\x82\xe3\x81\x95\xe3\x82\x8a\xe3\x81\x8a\xe3\x81\xb2\xe3\x82\x86\xe3\x81\x8f\xe3\x80\x80\xe3\x82\x84\xe3\x81\xbe\xe3\x81\x97\xe3\x82\x8d\xe3\x81\xae\xe3\x80\x80\xe3\x81\x86\xe3\x81\xa1\xe3\x82\x91\xe3\x81\xb8\xe3\x82\x8b\xe3\x81\x93\xe3\x82\x89\xe3\x80\x80\xe3\x82\x82\xe3\x81\xaf\xe3\x81\xbb\xe3\x81\x9b\xe3\x82\x88\xe3\x80\x80\xe3\x81\x88\xe3\x81\xb5\xe3\x81\xad\xe3\x81\x8b\xe3\x81\x91\xe3\x81\xac </p>
|
|
||||||
|
|
||||||
<p lang=\"ja\">\xe7\x94\xb0\xe5\xb1\x85\xe3\x81\xab\xe5\x87\xba\xe3\x81\xa7\xe3\x80\x80\xe8\x8f\x9c\xe6\x91\x98\xe3\x82\x80\xe3\x82\x8f\xe3\x82\x8c\xe3\x82\x92\xe3\x81\x9e\xe3\x80\x80\xe5\x90\x9b\xe5\x8f\xac\xe3\x81\x99\xe3\x81\xa8\xe3\x80\x80\xe6\xb1\x82\xe9\xa3\x9f\xe3\x82\x8a\xe8\xbf\xbd\xe3\x81\xb2\xe3\x82\x86\xe3\x81\x8f\xe3\x80\x80\xe5\xb1\xb1\xe5\x9f\x8e\xe3\x81\xae\xe3\x80\x80\xe6\x89\x93\xe9\x85\x94\xe3\x81\xb8\xe3\x82\x8b\xe5\xad\x90\xe3\x82\x89\xe3\x80\x80\xe8\x97\xbb\xe8\x91\x89\xe5\xb9\xb2\xe3\x81\x9b\xe3\x82\x88\xe3\x80\x80\xe3\x81\x88\xe8\x88\x9f\xe7\xb9\x8b\xe3\x81\x91\xe3\x81\xac </p>
|
|
||||||
|
|
||||||
|
|
||||||
<bookmark content=\"\xe7\xbe\x8e\xe5\x9b\xbd\xe8\x88\xaa\xe7\xa9\xba\xe4\xb8\x9a\xe5\xb7\xa8\">
|
|
||||||
<h4>Chinese (simplified) GB2312</h4>
|
|
||||||
|
|
||||||
<p style=\"font-family: sun-exta\">\xe6\x9d\xa5\xe8\x87\xaa\xe5\x95\x86\xe5\x8a\xa1\xe9\x83\xa8\xe6\x96\xb0\xe9\x97\xbb\xe5\x8a\x9e\xe5\x85\xac\xe5\xae\xa4\xe7\x9a\x84\xe6\xb6\x88\xe6\x81\xaf\xe7\xa7\xb0\xef\xbc\x8c\xe4\xb8\xad\xe6\x96\xb9\xe5\x85\x8d\xe9\x99\xa4\xe4\xb8\x8e\xe4\xb8\xad\xe5\x9b\xbd\xe6\x9c\x89\xe5\xa4\x96\xe4\xba\xa4\xe5\x85\xb3\xe7\xb3\xbb\xe7\x9a\x84\xe6\x89\x80\xe6\x9c\x89\xe9\x9d\x9e\xe6\xb4\xb2\xe9\x87\x8d\xe5\x80\xba\xe7\xa9\xb7\xe5\x9b\xbd\xe5\x8f\x8a\xe6\x9c\x80\xe4\xb8\x8d\xe5\x8f\x91\xe8\xbe\xbe\xe5\x9b\xbd\xe5\xae\xb6\xe6\x88\xaa\xe8\x87\xb32005\xe5\xb9\xb4\xe5\xba\x95\xe5\xaf\xb9\xe5\x8d\x8e\xe5\x88\xb0\xe6\x9c\x9f\xe6\x94\xbf\xe5\xba\x9c\xe6\x97\xa0\xe6\x81\xaf\xe8\xb4\xb7\xe6\xac\xbe\xe5\x80\xba\xe5\x8a\xa1\xe3\x80\x82\xe6\x9c\x89\xe5\x85\xb3\xe9\x83\xa8\xe9\x97\xa8\xe5\xb7\xb2\xe5\xaf\xb9\xe7\x9b\xb8\xe5\x85\xb3\xe5\x80\xba\xe5\x8a\xa1\xe8\xbf\x9b\xe8\xa1\x8c\xe5\x85\xa8\xe9\x9d\xa2\xe6\xb8\x85\xe7\x90\x86\xe6\xa0\xb8\xe5\xaf\xb9\xef\xbc\x8c\xe5\xaf\xb9\xe4\xb8\x8e\xe4\xb8\xad\xe5\x9b\xbd\xe6\x9c\x89\xe5\xa4\x96\xe4\xba\xa4\xe5\x85\xb3\xe7\xb3\xbb\xe7\x9a\x8433\xe4\xb8\xaa\xe9\x9d\x9e\xe6\xb4\xb2\xe9\x87\x8d\xe5\x80\xba\xe7\xa9\xb7\xe5\x9b\xbd\xe5\x92\x8c\xe6\x9c\x80\xe4\xb8\x8d\xe5\x8f\x91\xe8\xbe\xbe\xe5\x9b\xbd\xe5\xae\xb6\xef\xbc\x8c\xe5\x85\x8d\xe9\x99\xa4\xe5\x85\xb6\xe6\x88\xaa\xe8\x87\xb32005\xe5\xb9\xb4\xe5\xba\x95168\xe7\xac\x94\xe5\xaf\xb9\xe5\x8d\x8e\xe5\x88\xb0\xe6\x9c\x9f\xe6\x97\xa0\xe6\x81\xaf\xe8\xb4\xb7\xe6\xac\xbe\xe5\x80\xba\xe5\x8a\xa1\xe3\x80\x82\xe6\x8b\x9f\xe4\xba\x8e2007\xe5\xb9\xb4\xe5\xba\x95\xe5\x89\x8d\xe4\xb8\x8e\xe5\x8f\x97\xe6\x8f\xb4\xe5\x9b\xbd\xe5\x8a\x9e\xe7\x90\x86\xe5\xae\x8c\xe5\x85\x8d\xe5\x80\xba\xe5\x8d\x8f\xe8\xae\xae\xe3\x80\x82</p>
|
|
||||||
|
|
||||||
|
|
||||||
<bookmark content=\"\xe3\x80\x8c\xe6\x86\x82\xe9\xac\xb1\xe5\xb0\x8f\xe7\x8e\x8b\xe5\xad\x90\xe3\x80\x8d\">
|
|
||||||
<h4>Chinese (Traditional - Hong Kong)</h4>
|
|
||||||
|
|
||||||
<p lang=\"zh-HK\">\xe3\x80\x8c\xe6\x86\x82\xe9\xac\xb1\xe5\xb0\x8f\xe7\x8e\x8b\xe5\xad\x90\xe3\x80\x8d\xe6\x98\xaf\xe4\xb8\x80\xe5\x80\x8b\xe6\x95\x99\xe8\x82\xb2\xe7\xb6\xb2\xe7\xab\x99\xef\xbc\x8c\xe5\xae\x83\xe6\x88\x90\xe5\x8a\x9f\xe7\xb5\x90\xe5\x90\x88\xe4\xba\x86\xe9\xa6\x99\xe6\xb8\xaf\xe8\xb3\xbd\xe9\xa6\xac\xe6\x9c\x83\xe9\x98\xb2\xe6\xad\xa2\xe8\x87\xaa\xe6\xae\xba\xe7\xa0\x94\xe7\xa9\xb6\xe4\xb8\xad\xe5\xbf\x83\xe5\x90\x84\xe6\x96\xb9\xe9\x9d\xa2\xe7\x9a\x84\xe5\xb0\x88\xe6\x89\x8d\xef\xbc\x8c\xe7\x82\xba\xe9\x9d\x92\xe5\xb0\x91\xe5\xb9\xb4\xe4\xba\xba\xe6\x8f\x90\xe4\xbe\x9b\xe7\xb2\xbe\xe7\xa5\x9e\xe5\x81\xa5\xe5\xba\xb7\xe7\x9a\x84\xe8\xa8\x8a\xe6\x81\xaf\xef\xbc\x8c\xe5\xb0\x8d\xe6\x99\xae\xe5\x8f\x8a\xe6\x8a\x91\xe9\xac\xb1\xe7\x97\x87\xe7\x9f\xa5\xe8\xad\x98\xe7\x9a\x84\xe8\xb2\xa2\xe7\x8d\xbb\xe8\x89\xaf\xe5\xa4\x9a\xe3\x80\x82\xe5\x9c\xa8\xe9\xa6\x99\xe6\xb8\xaf\xef\xbc\x8c\xe5\xae\x83\xe6\x9b\xbe\xe7\x8d\xb2\xe9\x81\xb8\xe7\x82\xba\xe3\x80\x8c2004\xe5\xb9\xb4\xe5\x8d\x81\xe5\xa4\xa7\xe5\x81\xa5\xe5\xba\xb7\xe7\xb6\xb2\xe7\xab\x99\xe3\x80\x8d\xe4\xb9\x8b\xe4\xb8\x80\xef\xbc\x8c\xe8\xa9\xb2\xe9\xa0\x85\xe9\x81\xb8\xe8\x88\x89\xe8\x87\xaa2005\xe5\xb9\xb4\xe8\xb5\xb7\xe6\x94\xb9\xe5\x90\x8d\xe7\x8f\xbe\xe6\x99\x82\xe7\x9a\x84\xe3\x80\x8c\xe5\x84\xaa\xe7\xa7\x80\xe7\xb6\xb2\xe7\xab\x99\xe9\x81\xb8\xe8\x88\x89\xe3\x80\x8d\xe3\x80\x82\xe5\x85\xb6\xe8\xb2\xa2\xe7\x8d\xbb\xe5\x9c\xa8\xe5\x9c\x8b\xe9\x9a\x9b\xe9\x96\x93\xe4\xba\xa6\xe5\x82\x99\xe5\x8f\x97\xe8\x82\xaf\xe5\xae\x9a\xef\xbc\x8c2005\xe5\xb9\xb4\xef\xbc\x8c\xe8\xa9\xb2\xe7\xb6\xb2\xe7\xab\x99\xe6\xa6\xae\xe7\x8d\xb2\xe7\xac\xac\xe5\x85\xab\xe5\xb1\x86\xe3\x80\x8c\xe4\xba\x9e\xe6\xb4\xb2\xe5\x89\xb5\xe6\x96\xb0\xe5\xa4\xa7\xe7\x8d\x8e\xe3\x80\x8d\xe9\x8a\x80\xe7\x8d\x8e\xe3\x80\x82</p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<bookmark content=\"\xed\x82\xa4\xec\x8a\xa4\xec\x9d\x98\">
|
|
||||||
<h4>Korean</h4>
|
|
||||||
<p style=\"font-family: unbatang_0613\">\xed\x82\xa4\xec\x8a\xa4\xec\x9d\x98 \xea\xb3\xa0\xec\x9c\xa0\xec\xa1\xb0\xea\xb1\xb4\xec\x9d\x80 \xec\x9e\x85\xec\x88\xa0\xeb\x81\xbc\xeb\xa6\xac \xeb\xa7\x8c\xeb\x82\x98\xec\x95\xbc \xed\x95\x98\xea\xb3\xa0 \xed\x8a\xb9\xeb\xb3\x84\xed\x95\x9c \xea\xb8\xb0\xec\x88\xa0\xec\x9d\x80 \xed\x95\x84\xec\x9a\x94\xec\xb9\x98 \xec\x95\x8a\xeb\x8b\xa4. </p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
";
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('-aCJK','A4','','',32,25,27,25,16,13);
|
|
||||||
$mpdf->SetDisplayMode('fullpage');
|
|
||||||
|
|
||||||
$mpdf->SetTitle($utxt['zh-CN']);
|
|
||||||
$mpdf->SetAuthor($utxt['zh-CN']);
|
|
||||||
|
|
||||||
// LOAD a stylesheet
|
|
||||||
$stylesheet = file_get_contents('mpdfstyleA4.css');
|
|
||||||
$mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,400 +0,0 @@
|
|||||||
<?php
|
|
||||||
//
|
|
||||||
$timeo_start = microtime(true);
|
|
||||||
ini_set("memory_limit","128M");
|
|
||||||
//
|
|
||||||
|
|
||||||
$html = "
|
|
||||||
<style>
|
|
||||||
|
|
||||||
body { font-family: sans; text-align: justify; }
|
|
||||||
p { font-family: sans; }
|
|
||||||
div { font-family: sans; }
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<p>This document includes many languages. Selection of appropriate fonts is done automatically by using <b>AutoFont</b>. </p>
|
|
||||||
<h3>Pangrams - (from Wikipedia) </h3>
|
|
||||||
<p>The quick brown fox jumps over a lazy dog</p>
|
|
||||||
|
|
||||||
<h4>Bulgarian</h4>
|
|
||||||
<p>\xd0\x96\xd1\x8a\xd0\xbb\xd1\x82\xd0\xb0\xd1\x82\xd0\xb0 \xd0\xb4\xd1\x8e\xd0\xbb\xd1\x8f \xd0\xb1\xd0\xb5\xd1\x88\xd0\xb5 \xd1\x89\xd0\xb0\xd1\x81\xd1\x82\xd0\xbb\xd0\xb8\xd0\xb2\xd0\xb0, \xd1\x87\xd0\xb5 \xd0\xbf\xd1\x83\xd1\x85\xd1\x8a\xd1\x82, \xd0\xba\xd0\xbe\xd0\xb9\xd1\x82\xd0\xbe \xd1\x86\xd1\x8a\xd1\x84\xd0\xbd\xd0\xb0, \xd0\xb7\xd0\xb0\xd0\xbc\xd1\x80\xd1\x8a\xd0\xb7\xd0\xbd\xd0\xb0 \xd0\xba\xd0\xb0\xd1\x82\xd0\xbe \xd0\xb3\xd1\x8c\xd0\xbe\xd0\xbd.</p>
|
|
||||||
|
|
||||||
<p>\xd0\x97\xd0\xb0 \xd0\xbc\xd0\xb8\xd0\xb3 \xd0\xb1\xd1\x8f\xd1\x85 \xd0\xb2 \xd1\x87\xd1\x83\xd0\xb6\xd0\xb4 \xd0\xbf\xd0\xbb\xd1\x8e\xd1\x88\xd0\xb5\xd0\xbd \xd1\x81\xd0\xba\xd1\x8a\xd1\x80\xd1\x86\xd0\xb0\xd1\x89 \xd1\x84\xd0\xbe\xd1\x82\xd1\x8c\xd0\xbe\xd0\xb9\xd0\xbb. </p>
|
|
||||||
|
|
||||||
<h4>Catalan</h4>
|
|
||||||
<p>Jove xef, porti whisky amb quinze gla\xc3\xa7ons d'hidrogen, coi! </p>
|
|
||||||
|
|
||||||
<p>Aqueix betzol, Jan, comprava whisky de figa </p>
|
|
||||||
|
|
||||||
<h4>Czech</h4>
|
|
||||||
<p>P\xc5\x99\xc3\xadli\xc5\xa1 \xc5\xbelu\xc5\xa5ou\xc4\x8dk\xc3\xbd k\xc5\xaf\xc5\x88 \xc3\xbap\xc4\x9bl \xc4\x8f\xc3\xa1belsk\xc3\xa9 \xc3\xb3dy </p>
|
|
||||||
|
|
||||||
<h4>Danish</h4>
|
|
||||||
<p>H\xc3\xb8j bly gom vandt fr\xc3\xa6k sexquiz p\xc3\xa5 wc </p>
|
|
||||||
|
|
||||||
<h4>Dutch</h4>
|
|
||||||
<p>Doch Bep, flink sexy qua vorm, zwijgt </p>
|
|
||||||
|
|
||||||
<p>Pa's wijze lynx bezag vroom het fikse aquaduct </p>
|
|
||||||
|
|
||||||
<h4>Finnish</h4>
|
|
||||||
<p>T\xc3\xb6rkylempij\xc3\xa4 vongahdus </p>
|
|
||||||
|
|
||||||
<h4>French</h4>
|
|
||||||
<p>Portez ce vieux whisky au juge blond qui fume </p>
|
|
||||||
|
|
||||||
<p>B\xc3\xa2chez la queue du wagon-taxi avec les pyjamas du fakir </p>
|
|
||||||
|
|
||||||
<p>Voyez le brick g\xc3\xa9ant que j'examine pr\xc3\xa8s du wharf </p>
|
|
||||||
|
|
||||||
<h4>German</h4>
|
|
||||||
<p>Victor jagt zw\xc3\xb6lf Boxk\xc3\xa4mpfer quer \xc3\xbcber den gro\xc3\x9fen Sylter Deich </p>
|
|
||||||
|
|
||||||
<p>\"Fix, Schwyz!\" qu\xc3\xa4kt J\xc3\xbcrgen bl\xc3\xb6d vom Pa\xc3\x9f </p>
|
|
||||||
|
|
||||||
<p>\"Falsches \xc3\x9cben von Xylophonmusik qu\xc3\xa4lt jeden gr\xc3\xb6\xc3\x9feren Zwerg\"</p>
|
|
||||||
|
|
||||||
<h4>Hungarian</h4>
|
|
||||||
<p>Egy h\xc5\xb1tlen vej\xc3\xa9t f\xc3\xbcl\xc3\xb6ncs\xc3\xadp\xc5\x91, d\xc3\xbch\xc3\xb6s mexik\xc3\xb3i \xc3\xbar Wessel\xc3\xa9nyin\xc3\xa9l m\xc3\xa1zol Quit\xc3\xb3ban. </p>
|
|
||||||
|
|
||||||
<h4>Icelandic</h4>
|
|
||||||
<p>K\xc3\xa6mi n\xc3\xbd \xc3\xb6xi h\xc3\xa9r ykist \xc3\xbej\xc3\xb3fum n\xc3\xba b\xc3\xa6\xc3\xb0i v\xc3\xadl og \xc3\xa1drepa </p>
|
|
||||||
|
|
||||||
<h4>Irish</h4>
|
|
||||||
<p>D'fhuascail \xc3\x8dosa \xc3\x9armhac na h\xc3\x93ighe Beannaithe p\xc3\xb3r \xc3\x89ava agus \xc3\x81dhaimh </p>
|
|
||||||
|
|
||||||
<p>D'\xe1\xb8\x9fuascail \xc3\x8dosa \xc3\x9ar\xe1\xb9\x81ac na h\xc3\x93i\xc4\xa1e Beannai\xe1\xb9\xabe p\xc3\xb3r \xc3\x89a\xe1\xb8\x83a agus \xc3\x81\xe1\xb8\x8bai\xe1\xb9\x81 </p>
|
|
||||||
|
|
||||||
<h4>Italian</h4>
|
|
||||||
<p>\"Quel fez sghembo copre davanti\" </p>
|
|
||||||
|
|
||||||
<p>\"Ma la volpe col suo balzo ha raggiunto il quieto Fido\" </p>
|
|
||||||
|
|
||||||
<p>\"Quel vituperabile xenofobo zelante assaggia il whisky ed esclama: alleluja!\" </p>
|
|
||||||
|
|
||||||
<h4>Lithuanian</h4>
|
|
||||||
<p>\xc4\xaelinkdama fechtuotojo \xc5\xa1paga sublyk\xc4\x8diojusi pragr\xc4\x99\xc5\xbe\xc4\x97 apval\xc5\xb3 arb\xc5\xabz\xc4\x85 </p>
|
|
||||||
|
|
||||||
<h4>Norwegian</h4>
|
|
||||||
<p>V\xc3\xa5r s\xc3\xa6re Zulu fra bade\xc3\xb8ya spilte jo whist og quickstep i min taxi. </p>
|
|
||||||
|
|
||||||
<p>H\xc3\xb8vdingens kj\xc3\xa6re squaw f\xc3\xa5r litt pizza i Mexico by </p>
|
|
||||||
|
|
||||||
<h4>Polish</h4>
|
|
||||||
<p>P\xc3\xb3jd\xc5\xba\xc5\xbce, ki\xc5\x84 t\xc4\x99 chmurno\xc5\x9b\xc4\x87 w g\xc5\x82\xc4\x85b flaszy! </p>
|
|
||||||
|
|
||||||
<p>Pchn\xc4\x85\xc4\x87 w t\xc4\x99 \xc5\x82\xc3\xb3d\xc5\xba je\xc5\xbca lub o\xc5\x9bm skrzy\xc5\x84 fig. </p>
|
|
||||||
|
|
||||||
<p>M\xc4\x99\xc5\xbcny b\xc4\x85d\xc5\xba, chro\xc5\x84 pu\xc5\x82k tw\xc3\xb3j i sze\xc5\x9b\xc4\x87 flag. </p>
|
|
||||||
|
|
||||||
<h4>Portuguese</h4>
|
|
||||||
<p>Blitz prende ex-vesgo com cheque fajuto. </p>
|
|
||||||
|
|
||||||
<p>Gazeta publica hoje no jornal uma breve nota de faxina na quermesse. </p>
|
|
||||||
|
|
||||||
<p>\xc3\x80 noite, vov\xc3\xb4 Kowalsky v\xc3\xaa o \xc3\xadm\xc3\xa3 cair no p\xc3\xa9 do ping\xc3\xbcim queixoso e vov\xc3\xb3 p\xc3\xb5e a\xc3\xa7\xc3\xbacar no ch\xc3\xa1 de t\xc3\xa2maras do jabuti feliz. </p>
|
|
||||||
|
|
||||||
<p>Lu\xc3\xads arg\xc3\xbcia \xc3\xa0 J\xc3\xbalia que \xc2\xabbra\xc3\xa7\xc3\xb5es, f\xc3\xa9, ch\xc3\xa1, \xc3\xb3xido, p\xc3\xb4r, z\xc3\xa2ng\xc3\xa3o\xc2\xbb eram palavras do portugu\xc3\xaas. </p>
|
|
||||||
|
|
||||||
<h4>Romanian</h4>
|
|
||||||
<p>Gheorghe, obezul, a reu\xc5\x9fit s\xc4\x83 ob\xc5\xa3in\xc4\x83 juc\xc3\xa2ndu-se un flux \xc3\xaen Quebec de o mie kilowa\xc5\xa3ior\xc4\x83. </p>
|
|
||||||
|
|
||||||
<h4>Russian</h4>
|
|
||||||
<p>\xd0\x92 \xd1\x87\xd0\xb0\xd1\x89\xd0\xb0\xd1\x85 \xd1\x8e\xd0\xb3\xd0\xb0 \xd0\xb6\xd0\xb8\xd0\xbb \xd0\xb1\xd1\x8b \xd1\x86\xd0\xb8\xd1\x82\xd1\x80\xd1\x83\xd1\x81? \xd0\x94\xd0\xb0, \xd0\xbd\xd0\xbe \xd1\x84\xd0\xb0\xd0\xbb\xd1\x8c\xd1\x88\xd0\xb8\xd0\xb2\xd1\x8b\xd0\xb9 \xd1\x8d\xd0\xba\xd0\xb7\xd0\xb5\xd0\xbc\xd0\xbf\xd0\xbb\xd1\x8f\xd1\x80! </p>
|
|
||||||
|
|
||||||
<p>(Using quasiobsolete spelling for last word to include \xd1\x8a) \xd0\x92 \xd1\x87\xd0\xb0\xd1\x89\xd0\xb0\xd1\x85 \xd1\x8e\xd0\xb3\xd0\xb0 \xd0\xb6\xd0\xb8\xd0\xbb \xd0\xb1\xd1\x8b \xd1\x86\xd0\xb8\xd1\x82\xd1\x80\xd1\x83\xd1\x81? \xd0\x94\xd0\xb0, \xd0\xbd\xd0\xbe \xd1\x84\xd0\xb0\xd0\xbb\xd1\x8c\xd1\x88\xd0\xb8\xd0\xb2\xd1\x8b\xd0\xb9 \xd1\x8d\xd0\xba\xd0\xb7\xd0\xb5\xd0\xbc\xd0\xbf\xd0\xbb\xd1\x8f\xd1\x80\xd1\x8a! </p>
|
|
||||||
|
|
||||||
<p>\xd0\xad\xd1\x85, \xd1\x87\xd1\x83\xd0\xb6\xd0\xb0\xd0\xba! \xd0\x9e\xd0\xb1\xd1\x89\xd0\xb8\xd0\xb9 \xd1\x81\xd1\x8a\xd1\x91\xd0\xbc \xd1\x86\xd0\xb5\xd0\xbd \xd1\x88\xd0\xbb\xd1\x8f\xd0\xbf (\xd1\x8e\xd1\x84\xd1\x82\xd1\x8c) \xe2\x80\x94 \xd0\xb2\xd0\xb4\xd1\x80\xd1\x8b\xd0\xb7\xd0\xb3! </p>
|
|
||||||
|
|
||||||
<p>\xd0\xad\xd0\xba\xd1\x81-\xd0\xb3\xd1\x80\xd0\xb0\xd1\x84? \xd0\x9f\xd0\xbb\xd1\x8e\xd1\x88 \xd0\xb8\xd0\xb7\xd1\x8a\xd1\x8f\xd1\x82. \xd0\x91\xd1\x8c\xd1\x91\xd0\xbc \xd1\x87\xd1\x83\xd0\xb6\xd0\xb4\xd1\x8b\xd0\xb9 \xd1\x86\xd0\xb5\xd0\xbd \xd1\x85\xd0\xb2\xd0\xbe\xd1\x89! </p>
|
|
||||||
|
|
||||||
<p>\xd0\xa1\xd1\x8a\xd0\xb5\xd1\x88\xd1\x8c \xd0\xb5\xd1\x89\xd1\x91 \xd1\x8d\xd1\x82\xd0\xb8\xd1\x85 \xd0\xbc\xd1\x8f\xd0\xb3\xd0\xba\xd0\xb8\xd1\x85 \xd1\x84\xd1\x80\xd0\xb0\xd0\xbd\xd1\x86\xd1\x83\xd0\xb7\xd1\x81\xd0\xba\xd0\xb8\xd1\x85 \xd0\xb1\xd1\x83\xd0\xbb\xd0\xbe\xd0\xba, \xd0\xb4\xd0\xb0 \xd0\xb2\xd1\x8b\xd0\xbf\xd0\xb5\xd0\xb9 \xd0\xb6\xd0\xb5 \xd1\x87\xd0\xb0\xd1\x8e. </p>
|
|
||||||
|
|
||||||
<p>\xd0\xa8\xd0\xb8\xd1\x80\xd0\xbe\xd0\xba\xd0\xb0\xd1\x8f \xd1\x8d\xd0\xbb\xd0\xb5\xd0\xba\xd1\x82\xd1\x80\xd0\xb8\xd1\x84\xd0\xb8\xd0\xba\xd0\xb0\xd1\x86\xd0\xb8\xd1\x8f \xd1\x8e\xd0\xb6\xd0\xbd\xd1\x8b\xd1\x85 \xd0\xb3\xd1\x83\xd0\xb1\xd0\xb5\xd1\x80\xd0\xbd\xd0\xb8\xd0\xb9 \xd0\xb4\xd0\xb0\xd1\x81\xd1\x82 \xd0\xbc\xd0\xbe\xd1\x89\xd0\xbd\xd1\x8b\xd0\xb9 \xd1\x82\xd0\xbe\xd0\xbb\xd1\x87\xd0\xbe\xd0\xba \xd0\xbf\xd0\xbe\xd0\xb4\xd1\x8a\xd1\x91\xd0\xbc\xd1\x83 \xd1\x81\xd0\xb5\xd0\xbb\xd1\x8c\xd1\x81\xd0\xba\xd0\xbe\xd0\xb3\xd0\xbe \xd1\x85\xd0\xbe\xd0\xb7\xd1\x8f\xd0\xb9\xd1\x81\xd1\x82\xd0\xb2\xd0\xb0. </p>
|
|
||||||
|
|
||||||
<h4>Serbian</h4>
|
|
||||||
<p>\xd0\x89\xd1\x83\xd0\xb1\xd0\xb0\xd0\xb7\xd0\xbd\xd0\xb8 \xd1\x84\xd0\xb5\xd1\x9a\xd0\xb5\xd1\x80\xd1\x9f\xd0\xb8\xd1\x98\xd0\xb0 \xd1\x87\xd0\xb0\xd1\x92\xd0\xb0\xd0\xb2\xd0\xbe\xd0\xb3 \xd0\xbb\xd0\xb8\xd1\x86\xd0\xb0 \xd1\x85\xd0\xbe\xd1\x9b\xd0\xb5 \xd0\xb4\xd0\xb0 \xd0\xbc\xd0\xb8 \xd0\xbf\xd0\xbe\xd0\xba\xd0\xb0\xd0\xb6\xd0\xb5 \xd1\x88\xd1\x82\xd0\xbe\xd1\x81. </p>
|
|
||||||
|
|
||||||
<p>Ljubazni fenjerd\xc5\xbeija \xc4\x8da\xc4\x91avog lica ho\xc4\x87e da mi poka\xc5\xbee \xc5\xa1tos. </p>
|
|
||||||
|
|
||||||
<h4>Slovene</h4>
|
|
||||||
<p>\xc5\xa0erif bo za vajo spet kuhal doma\xc4\x8de \xc5\xbegance </p>
|
|
||||||
|
|
||||||
<p>Pi\xc5\xa1kur mol\xc4\x8de grabi fi\xc5\xbeol z dna cezijeve hoste </p>
|
|
||||||
|
|
||||||
<h4>Spanish</h4>
|
|
||||||
<p>El veloz murci\xc3\xa9lago hind\xc3\xba com\xc3\xada feliz cardillo y kiwi. La cig\xc3\xbce\xc3\xb1a tocaba el saxof\xc3\xb3n detr\xc3\xa1s del palenque de paja. </p>
|
|
||||||
|
|
||||||
<p>El ping\xc3\xbcino Wenceslao hizo kil\xc3\xb3metros bajo exhaustiva lluvia y fr\xc3\xado, a\xc3\xb1oraba a su querido cachorro. </p>
|
|
||||||
|
|
||||||
<p>Jovencillo emponzo\xc3\xb1ado de whisky: \xc2\xa1qu\xc3\xa9 figurota exhibe! </p>
|
|
||||||
|
|
||||||
<p>Ese libro explica en su ep\xc3\xadgrafe las haza\xc3\xb1as y aventuras de Don Quijote de la Mancha en Kuwait. </p>
|
|
||||||
|
|
||||||
<p>Queda gazpacho, fibra, l\xc3\xa1tex, jam\xc3\xb3n, kiwi y vi\xc3\xb1as. </p>
|
|
||||||
|
|
||||||
<p>Whisky bueno: \xc2\xa1excitad mi fr\xc3\xa1gil peque\xc3\xb1a vejez! </p>
|
|
||||||
|
|
||||||
<h4>Swedish</h4>
|
|
||||||
<p>Flygande b\xc3\xa4ckasiner s\xc3\xb6ka hwila p\xc3\xa5 mjuka tuvor. </p>
|
|
||||||
|
|
||||||
<p>Yxskaftbud, ge v\xc3\xa5r wczonm\xc3\xb6 iqhj\xc3\xa4lp. </p>
|
|
||||||
|
|
||||||
<h4>Ukrainian</h4>
|
|
||||||
<p>\xd0\xa7\xd1\x83\xd1\x94\xd1\x88 \xd1\x97\xd1\x85, \xd0\xb4\xd0\xbe\xd1\x86\xd1\x8e, \xd0\xb3\xd0\xb0? \xd0\x9a\xd1\x83\xd0\xbc\xd0\xb5\xd0\xb4\xd0\xbd\xd0\xb0 \xd0\xb6 \xd1\x82\xd0\xb8, \xd0\xbf\xd1\x80\xd0\xbe\xd1\x89\xd0\xb0\xd0\xb9\xd1\x81\xd1\x8f \xd0\xb1\xd0\xb5\xd0\xb7 \xd2\x91\xd0\xbe\xd0\xbb\xd1\x8c\xd1\x84\xd1\x96\xd0\xb2! </p>
|
|
||||||
|
|
||||||
<p>\xd0\x96\xd0\xb5\xd0\xb1\xd1\x80\xd0\xb0\xd0\xba\xd1\x83\xd1\x8e\xd1\x82\xd1\x8c \xd1\x84\xd1\x96\xd0\xbb\xd0\xbe\xd1\x81\xd0\xbe\xd1\x84\xd0\xb8 \xd0\xbf\xd1\x80\xd0\xb8 \xd2\x91\xd0\xb0\xd0\xbd\xd0\xba\xd1\x83 \xd1\x86\xd0\xb5\xd1\x80\xd0\xba\xd0\xb2\xd0\xb8 \xd0\xb2 \xd0\x93\xd0\xb0\xd0\xb4\xd1\x8f\xd1\x87\xd1\x96, \xd1\x89\xd0\xb5 \xd0\xb9 \xd1\x88\xd0\xb0\xd1\x82\xd1\x80\xd0\xbe \xd1\x97\xd1\x85\xd0\xbd\xd1\x94 \xd0\xbf'\xd1\x8f\xd0\xbd\xd0\xb5 \xd0\xb7\xd0\xbd\xd0\xb0\xd1\x94\xd0\xbc\xd0\xbe. </p>
|
|
||||||
|
|
||||||
<h4>Turkish (pangram)</h4>
|
|
||||||
<p>Pijamal\xc4\xb1 hasta ya\xc4\x9f\xc4\xb1z \xc5\x9fof\xc3\xb6re \xc3\xa7abucak g\xc3\xbcvendi. </p>
|
|
||||||
|
|
||||||
<h4>Greek</h4>
|
|
||||||
<h5>Monotonic</h5>
|
|
||||||
<p>\xce\xa0\xce\xac\xcf\x84\xce\xb5\xcf\x81 \xce\xb7\xce\xbc\xcf\x8e\xce\xbd \xce\xbf \xce\xb5\xce\xbd \xcf\x84\xce\xbf\xce\xb9\xcf\x82 \xce\xbf\xcf\x85\xcf\x81\xce\xb1\xce\xbd\xce\xbf\xce\xaf\xcf\x82 \xce\xb1\xce\xb3\xce\xb9\xce\xb1\xcf\x83\xce\xb8\xce\xae\xcf\x84\xcf\x89 \xcf\x84\xce\xbf \xcf\x8c\xce\xbd\xce\xbf\xce\xbc\xce\xac \xcf\x83\xce\xbf\xcf\x85\xc2\xb7 \xce\xb5\xce\xbb\xce\xb8\xce\xad\xcf\x84\xcf\x89 \xce\xb7 \xce\xb2\xce\xb1\xcf\x83\xce\xb9\xce\xbb\xce\xb5\xce\xaf\xce\xb1 \xcf\x83\xce\xbf\xcf\x85\xc2\xb7 \xce\xb3\xce\xb5\xce\xbd\xce\xb7\xce\xb8\xce\xae\xcf\x84\xcf\x89 \xcf\x84\xce\xbf \xce\xb8\xce\xad\xce\xbb\xce\xb7\xce\xbc\xce\xac \xcf\x83\xce\xbf\xcf\x85, \xcf\x89\xcf\x82 \xce\xb5\xce\xbd \xce\xbf\xcf\x85\xcf\x81\xce\xb1\xce\xbd\xcf\x8e \xce\xba\xce\xb1\xce\xb9 \xce\xb5\xcf\x80\xce\xaf \xcf\x84\xce\xb7\xcf\x82 \xce\xb3\xce\xb7\xcf\x82\xc2\xb7 \xcf\x84\xce\xbf\xce\xbd \xce\xac\xcf\x81\xcf\x84\xce\xbf\xce\xbd \xce\xb7\xce\xbc\xcf\x8e\xce\xbd \xcf\x84\xce\xbf\xce\xbd \xce\xb5\xcf\x80\xce\xb9\xce\xbf\xcf\x8d\xcf\x83\xce\xb9\xce\xbf\xce\xbd \xce\xb4\xce\xbf\xcf\x82 \xce\xb7\xce\xbc\xce\xaf\xce\xbd \xcf\x83\xce\xae\xce\xbc\xce\xb5\xcf\x81\xce\xbf\xce\xbd\xc2\xb7 \xce\xba\xce\xb1\xce\xb9 \xce\xac\xcf\x86\xce\xb5\xcf\x82 \xce\xb7\xce\xbc\xce\xaf\xce\xbd \xcf\x84\xce\xb1 \xce\xbf\xcf\x86\xce\xb5\xce\xbb\xce\xae\xce\xbc\xce\xb1\xcf\x84\xce\xb1 \xce\xb7\xce\xbc\xcf\x8e\xce\xbd, \xcf\x89\xcf\x82 \xce\xba\xce\xb1\xce\xb9 \xce\xb7\xce\xbc\xce\xb5\xce\xaf\xcf\x82 \xce\xb1\xcf\x86\xce\xaf\xce\xb5\xce\xbc\xce\xb5\xce\xbd \xcf\x84\xce\xbf\xce\xb9\xcf\x82 \xce\xbf\xcf\x86\xce\xb5\xce\xb9\xce\xbb\xce\xad\xcf\x84\xce\xb1\xce\xb9\xcf\x82 \xce\xb7\xce\xbc\xcf\x8e\xce\xbd\xc2\xb7 \xce\xba\xce\xb1\xce\xb9 \xce\xbc\xce\xb7 \xce\xb5\xce\xb9\xcf\x83\xce\xb5\xce\xbd\xce\xad\xce\xb3\xce\xba\xce\xb7\xcf\x82 \xce\xb7\xce\xbc\xce\xac\xcf\x82 \xce\xb5\xce\xb9\xcf\x82 \xcf\x80\xce\xb5\xce\xb9\xcf\x81\xce\xb1\xcf\x83\xce\xbc\xcf\x8c\xce\xbd, \xce\xb1\xce\xbb\xce\xbb\xce\xac \xcf\x81\xcf\x8d\xcf\x83\xce\xb1\xce\xb9 \xce\xb7\xce\xbc\xce\xac\xcf\x82 \xce\xb1\xcf\x80\xcf\x8c \xcf\x84\xce\xbf\xcf\x85 \xcf\x80\xce\xbf\xce\xbd\xce\xb7\xcf\x81\xce\xbf\xcf\x8d. \xce\xb1\xce\xbc\xce\xae\xce\xbd. </p>
|
|
||||||
|
|
||||||
<h5>Polytonic</h5>
|
|
||||||
<p>\xce\xa0\xce\xac\xcf\x84\xce\xb5\xcf\x81 \xe1\xbc\xa1\xce\xbc\xe1\xbf\xb6\xce\xbd \xe1\xbd\x81 \xe1\xbc\x90\xce\xbd \xcf\x84\xce\xbf\xe1\xbf\x96\xcf\x82 \xce\xbf\xe1\xbd\x90\xcf\x81\xce\xb1\xce\xbd\xce\xbf\xe1\xbf\x96\xcf\x82 \xe1\xbc\x81\xce\xb3\xce\xb9\xce\xb1\xcf\x83\xce\xb8\xce\xae\xcf\x84\xcf\x89 \xcf\x84\xe1\xbd\xb8 \xe1\xbd\x84\xce\xbd\xce\xbf\xce\xbc\xce\xac \xcf\x83\xce\xbf\xcf\x85\xc2\xb7 \xe1\xbc\x90\xce\xbb\xce\xb8\xce\xad\xcf\x84\xcf\x89 \xe1\xbc\xa1 \xce\xb2\xce\xb1\xcf\x83\xce\xb9\xce\xbb\xce\xb5\xce\xaf\xce\xb1 \xcf\x83\xce\xbf\xcf\x85\xc2\xb7 \xce\xb3\xce\xb5\xce\xbd\xce\xb7\xce\xb8\xce\xae\xcf\x84\xcf\x89 \xcf\x84\xe1\xbd\xb8 \xce\xb8\xce\xad\xce\xbb\xce\xb7\xce\xbc\xce\xac \xcf\x83\xce\xbf\xcf\x85, \xe1\xbd\xa1\xcf\x82 \xe1\xbc\x90\xce\xbd \xce\xbf\xe1\xbd\x90\xcf\x81\xce\xb1\xce\xbd\xe1\xbf\xb7 \xce\xba\xce\xb1\xe1\xbd\xb6 \xe1\xbc\x90\xcf\x80\xe1\xbd\xb6 \xcf\x84\xe1\xbf\x86\xcf\x82 \xce\xb3\xe1\xbf\x86\xcf\x82\xc2\xb7 \xcf\x84\xe1\xbd\xb8\xce\xbd \xe1\xbc\x84\xcf\x81\xcf\x84\xce\xbf\xce\xbd \xe1\xbc\xa1\xce\xbc\xe1\xbf\xb6\xce\xbd \xcf\x84\xe1\xbd\xb8\xce\xbd \xe1\xbc\x90\xcf\x80\xce\xb9\xce\xbf\xcf\x8d\xcf\x83\xce\xb9\xce\xbf\xce\xbd \xce\xb4\xe1\xbd\xb8\xcf\x82 \xe1\xbc\xa1\xce\xbc\xe1\xbf\x96\xce\xbd \xcf\x83\xce\xae\xce\xbc\xce\xb5\xcf\x81\xce\xbf\xce\xbd\xc2\xb7 \xce\xba\xce\xb1\xe1\xbd\xb6 \xe1\xbc\x84\xcf\x86\xce\xb5\xcf\x82 \xe1\xbc\xa1\xce\xbc\xe1\xbf\x96\xce\xbd \xcf\x84\xe1\xbd\xb0 \xe1\xbd\x80\xcf\x86\xce\xb5\xce\xbb\xce\xae\xce\xbc\xce\xb1\xcf\x84\xce\xb1 \xe1\xbc\xa1\xce\xbc\xe1\xbf\xb6\xce\xbd, \xe1\xbd\xa1\xcf\x82 \xce\xba\xce\xb1\xe1\xbd\xb6 \xe1\xbc\xa1\xce\xbc\xce\xb5\xe1\xbf\x96\xcf\x82 \xe1\xbc\x80\xcf\x86\xce\xaf\xce\xb5\xce\xbc\xce\xb5\xce\xbd \xcf\x84\xce\xbf\xe1\xbf\x96\xcf\x82 \xe1\xbd\x80\xcf\x86\xce\xb5\xce\xb9\xce\xbb\xce\xad\xcf\x84\xce\xb1\xce\xb9\xcf\x82 \xe1\xbc\xa1\xce\xbc\xe1\xbf\xb6\xce\xbd\xc2\xb7 \xce\xba\xce\xb1\xe1\xbd\xb6 \xce\xbc\xe1\xbd\xb4 \xce\xb5\xe1\xbc\xb0\xcf\x83\xce\xb5\xce\xbd\xce\xad\xce\xb3\xce\xba\xe1\xbf\x83\xcf\x82 \xe1\xbc\xa1\xce\xbc\xe1\xbe\xb6\xcf\x82 \xce\xb5\xe1\xbc\xb0\xcf\x82 \xcf\x80\xce\xb5\xce\xb9\xcf\x81\xce\xb1\xcf\x83\xce\xbc\xcf\x8c\xce\xbd, \xe1\xbc\x80\xce\xbb\xce\xbb\xe1\xbd\xb0 \xcf\x81\xe1\xbf\xa6\xcf\x83\xce\xb1\xce\xb9 \xe1\xbc\xa1\xce\xbc\xe1\xbe\xb6\xcf\x82 \xe1\xbc\x80\xcf\x80\xe1\xbd\xb8 \xcf\x84\xce\xbf\xe1\xbf\xa6 \xcf\x80\xce\xbf\xce\xbd\xce\xb7\xcf\x81\xce\xbf\xe1\xbf\xa6. \xe1\xbc\x80\xce\xbc\xce\xae\xce\xbd. </p>
|
|
||||||
|
|
||||||
|
|
||||||
<h3>Languages</h3>
|
|
||||||
<p>(The following are used for demonstration purposes only. Some of the following excerpts are taken from web pages from the BBC Foreign News just to show the script - I have no idea what they actually say!!)</p>
|
|
||||||
|
|
||||||
<h4>Latvian</h4>
|
|
||||||
<p>Latvijas instit\xc5\xabts veic konsultat\xc4\xabvi koordin\xc4\x93jo\xc5\xa1as funkcijas Latvijas starptautisk\xc4\x81s atpaz\xc4\xabstam\xc4\xabbas jom\xc4\x81;
|
|
||||||
gatavo un izplata pla\xc5\xa1ai sabiedr\xc4\xabbai pieejamu, svar\xc4\xabgu pamatinform\xc4\x81ciju saturo\xc5\xa1u, viegli izprotamu un iegaum\xc4\x93jamu, k\xc4\x81 ar\xc4\xab pozit\xc4\xabvu iespaidu izraiso\xc5\xa1u visp\xc4\x81r\xc4\x93ju pamatinform\xc4\x81ciju par Latviju, Latvijas dabu, sabiedr\xc4\xabbu, kult\xc5\xabru un v\xc4\x93sturi;</p>
|
|
||||||
|
|
||||||
<h4>Azeri (az)</h4>
|
|
||||||
<p>Qaz k\xc9\x99m\xc9\x99rinin a\xc3\xa7\xc4\xb1l\xc4\xb1\xc5\x9f\xc4\xb1nda \xc4\xb0ran v\xc9\x99 Erm\xc9\x99nistan\xc4\xb1n prezidentl\xc9\x99ri i\xc5\x9ftirak edibl\xc9\x99r.</p>
|
|
||||||
|
|
||||||
<p>\xc4\xb0ran qaz\xc4\xb1n\xc4\xb1 Erm\xc9\x99nistana n\xc9\x99ql ed\xc9\x99c\xc9\x99k bu k\xc9\x99m\xc9\x99r Yerevan \xc3\xbc\xc3\xa7\xc3\xbcn x\xc3\xbcsusi \xc3\xb6n\xc9\x99m da\xc5\x9f\xc4\xb1y\xc4\xb1r, bel\xc9\x99 ki, b\xc3\xb6y\xc3\xbck etnik az\xc9\x99rbaycanl\xc4\xb1 toplumuna malik \xc4\xb0ran t\xc9\x99lat\xc3\xbcml\xc3\xbc regionda \xc3\xb6z maraqlar\xc4\xb1n\xc4\xb1 qorumaq \xc3\xbc\xc3\xa7\xc3\xbcn \xc3\xa7ox vaxt Erm\xc9\x99nistan\xc4\xb1n m\xc3\xbctt\xc9\x99fiqi kimi g\xc3\xb6r\xc3\xbcn\xc3\xbcb.</p>
|
|
||||||
|
|
||||||
<h4>Bulgarian</h4>
|
|
||||||
<p>\xd0\x9f\xd0\xbe\xd1\x81\xd0\xbb\xd0\xb5\xd0\xb4\xd0\xbd\xd0\xb8\xd1\x82\xd0\xb5 \xd0\xb4\xd0\xbe\xd0\xbd\xd0\xb0\xd0\xb1\xd0\xbe\xd1\x80\xd0\xbd\xd0\xb8\xd1\x86\xd0\xb8 \xd0\xb2 \xd0\xb1\xd1\x8a\xd0\xbb\xd0\xb3\xd0\xb0\xd1\x80\xd1\x81\xd0\xba\xd0\xb0\xd1\x82\xd0\xb0 \xd0\xb0\xd1\x80\xd0\xbc\xd0\xb8\xd1\x8f \xd1\x89\xd0\xb5 \xd1\x81\xd0\xbb\xd1\x83\xd0\xb6\xd0\xb0\xd1\x82 9 \xd0\xbc\xd0\xb5\xd1\x81\xd0\xb5\xd1\x86\xd0\xb0, \xd0\xba\xd0\xb0\xd0\xba\xd1\x82\xd0\xbe \xd0\xbf\xd0\xbe\xd1\x81\xd1\x82\xd0\xb0\xd0\xbd\xd0\xbe\xd0\xb2\xd1\x8f\xd0\xb2\xd0\xb0 \xd0\xb7\xd0\xb0\xd0\xba\xd0\xbe\xd0\xbd\xd0\xb0 6 \xd0\xbc\xd0\xb5\xd1\x81\xd0\xb5\xd1\x86\xd0\xb0 \xd0\xb5 \xd1\x81\xd1\x8a\xd0\xba\xd1\x80\xd0\xb0\xd1\x82\xd0\xb5\xd0\xbd\xd0\xb8\xd1\x8f\xd1\x82 \xd1\x81\xd1\x80\xd0\xbe\xd0\xba \xd1\x81\xd0\xb0\xd0\xbc\xd0\xbe \xd0\xb7\xd0\xb0 \xd0\xb7\xd0\xb0\xd0\xb2\xd1\x8a\xd1\x80\xd1\x88\xd0\xb8\xd0\xbb\xd0\xb8\xd1\x82\xd0\xb5 \xd0\xb2\xd0\xb8\xd1\x81\xd1\x88\xd0\xb5 \xd0\xbe\xd0\xb1\xd1\x80\xd0\xb0\xd0\xb7\xd0\xbe\xd0\xb2\xd0\xb0\xd0\xbd\xd0\xb8\xd0\xb5 - \xd1\x82\xd0\xb0\xd0\xba\xd0\xb0 \xd0\xbc\xd0\xb8\xd0\xbd\xd0\xb8\xd1\x81\xd1\x82\xd1\x8a\xd1\x80 \xd0\x92\xd0\xb5\xd1\x81\xd0\xb5\xd0\xbb\xd0\xb8\xd0\xbd \xd0\x91\xd0\xbb\xd0\xb8\xd0\xb7\xd0\xbd\xd0\xb0\xd0\xba\xd0\xbe\xd0\xb2 \xd0\xbe\xd1\x82\xd1\x85\xd0\xb2\xd1\x8a\xd1\x80\xd0\xbb\xd0\xb8 \xd1\x80\xd0\xb0\xd0\xb7\xd0\xbb\xd0\xb8\xd1\x87\xd0\xbd\xd0\xb8\xd1\x82\xd0\xb5 \xd0\xb8\xd0\xbd\xd1\x82\xd0\xb5\xd1\x80\xd0\xbf\xd1\x80\xd0\xb5\xd1\x82\xd0\xb0\xd1\x86\xd0\xb8\xd0\xb8 \xd0\xb2 \xd0\xbf\xd1\x83\xd0\xb1\xd0\xbb\xd0\xb8\xd1\x87\xd0\xbd\xd0\xbe\xd1\x82\xd0\xbe \xd0\xbf\xd1\x80\xd0\xbe\xd1\x81\xd1\x82\xd1\x80\xd0\xb0\xd0\xbd\xd1\x81\xd1\x82\xd0\xb2\xd0\xbe \xd0\xbf\xd0\xbe \xd1\x82\xd0\xb5\xd0\xbc\xd0\xb0\xd1\x82\xd0\xb0. \xd0\x9c\xd0\xb8\xd0\xbd\xd0\xb8\xd1\x81\xd1\x82\xd1\x8a\xd1\x80\xd1\x8a\xd1\x82 \xd0\xbd\xd0\xb0 \xd0\xbe\xd1\x82\xd0\xb1\xd1\x80\xd0\xb0\xd0\xbd\xd0\xb0\xd1\x82\xd0\xb0 \xd1\x80\xd0\xb0\xd0\xb7\xd1\x84\xd0\xbe\xd1\x80\xd0\xbc\xd0\xb8\xd1\x80\xd0\xbe\xd0\xb2\xd0\xb0 \xd0\xb2 \xd0\x9a\xd0\xb0\xd0\xb7\xd0\xb0\xd0\xbd\xd0\xbb\xd1\x8a\xd0\xba \xd0\x92\xd1\x82\xd0\xbe\xd1\x80\xd0\xb0\xd1\x82\xd0\xb0 \xd0\xbd\xd0\xb8 \xd1\x80\xd0\xbe\xd1\x82\xd0\xb0 \xd0\xbe\xd1\x82 \xd0\x90\xd1\x88\xd1\x80\xd0\xb0\xd1\x84 \xd0\xb8 \xd0\x92\xd1\x82\xd0\xbe\xd1\x80\xd0\xb8 \xd0\xbf\xd0\xb5\xd1\x85\xd0\xbe\xd1\x82\xd0\xb5\xd0\xbd \xd0\xb2\xd0\xb7\xd0\xb2\xd0\xbe\xd0\xb4, \xd0\xb7\xd0\xb0\xd0\xb2\xd1\x8a\xd1\x80\xd0\xbd\xd0\xb0\xd0\xbb \xd1\x81\xd0\xb5 \xd0\xbe\xd1\x82 \xd0\xbc\xd0\xb8\xd1\x80\xd0\xbe\xd1\x82\xd0\xb2\xd0\xbe\xd1\x80\xd1\x87\xd0\xb5\xd1\x81\xd0\xba\xd0\xb0 \xd0\xbc\xd0\xb8\xd1\x81\xd0\xb8\xd1\x8f \xd0\xbe\xd1\x82 \xd0\x91\xd0\xb0\xd0\xbd\xd1\x8f \xd0\x9b\xd1\x83\xd0\xba\xd0\xb0 \xd0\xb2 \xd0\x91\xd0\xbe\xd1\x81\xd0\xbd\xd0\xb0 \xd0\xb8 \xd0\xa5\xd0\xb5\xd1\x80\xd1\x86\xd0\xb5\xd0\xb3\xd0\xbe\xd0\xb2\xd0\xb8\xd0\xbd\xd0\xb0.</p>
|
|
||||||
|
|
||||||
<h4>Macedonian (mk)</h4>
|
|
||||||
<p>\xd0\x91\xd1\x83\xd1\x88 \xd1\x80\xd0\xb5\xd1\x87\xd0\xb5 \xd0\xbe\xd1\x82\xd0\xb8 \xd0\xb5 \xd1\x81\xd1\x83\xd1\x88\xd1\x82\xd0\xb8\xd0\xbd\xd1\x81\xd0\xba\xd0\xb8 \xd0\xb4\xd0\xb0 \xd1\x81\xd0\xb5 \xd0\xbe\xd1\x81\xd0\xb8\xd0\xb3\xd1\x83\xd1\x80\xd0\xb8 \xd0\xb1\xd0\xb5\xd0\xb7\xd0\xb1\xd0\xb5\xd0\xb4\xd0\xbd\xd0\xbe\xd1\x81\xd1\x82\xd0\xb0 \xd0\xbd\xd0\xb0 \xd0\x91\xd0\xb0\xd0\xb3\xd0\xb4\xd0\xb0\xd0\xb4 \xd0\xb8 \xd0\xb4\xd0\xb0 \xd1\x81\xd0\xb5 \xd0\xbe\xd0\xb1\xd0\xbd\xd0\xbe\xd0\xb2\xd0\xb8 \xd0\xbd\xd0\xbe\xd1\x80\xd0\xbc\xd0\xb0\xd0\xbb\xd0\xbd\xd0\xb8\xd0\xbe\xd1\x82 \xd0\xb6\xd0\xb8\xd0\xb2\xd0\xbe\xd1\x82 \xd0\xb2\xd0\xbe \xd0\xbe\xd1\x81\xd1\x82\xd0\xb0\xd1\x82\xd0\xbe\xd0\xba\xd0\xbe\xd1\x82 \xd0\xbe\xd0\xb4 \xd0\xb7\xd0\xb5\xd0\xbc\xd1\x98\xd0\xb0\xd1\x82\xd0\xb0.</p>
|
|
||||||
|
|
||||||
<p>\xd0\x9c\xd0\xb8\xd1\x82\xd1\x80\xd0\xb5\xd0\xb2\xd0\xb0 \xd1\x98\xd0\xb0 \xd0\xbf\xd1\x80\xd0\xbe\xd0\xb7\xd0\xb2\xd0\xb0 \xd0\xb2\xd0\xbb\xd0\xb0\xd0\xb4\xd0\xb0\xd1\x82\xd0\xb0 \xd0\xb7\xd0\xb0 \xd0\xb8\xd0\xbd\xd0\xb4\xd0\xbe\xd0\xbb\xd0\xb5\xd0\xbd\xd1\x82\xd0\xb5\xd0\xbd \xd0\xbe\xd0\xb4\xd0\xbd\xd0\xbe\xd1\x81 \xd0\xba\xd0\xbe\xd0\xbd \xd0\xbe\xd0\xb2\xd0\xb0 \xd0\xb1\xd0\xb8\xd1\x82\xd0\xba\xd0\xb0\xd1\x82\xd0\xb0 \xd0\xb7\xd0\xb0 \xd0\xb7\xd0\xb0\xd1\x87\xd1\x83\xd0\xb2\xd0\xb8\xd0\xb2\xd0\xb0\xd1\x9a\xd0\xb5 \xd0\xbd\xd0\xb0 \xd1\x83\xd1\x81\xd1\x82\xd0\xb0\xd0\xb2\xd0\xbd\xd0\xbe\xd1\x82\xd0\xbe \xd0\xb8\xd0\xbc\xd0\xb5 \xd0\xbd\xd0\xb0 \xd0\xb7\xd0\xb5\xd0\xbc\xd1\x98\xd0\xb0\xd1\x82\xd0\xb0.</p>
|
|
||||||
|
|
||||||
<h4>Uzbek (uz)</h4>
|
|
||||||
<p>\xd0\x98\xd1\x80\xd0\xbe\xd2\x9b\xd0\xbb\xd0\xb8\xd0\xba\xd0\xbb\xd0\xb0\xd1\x80 \xd0\xbe\xd1\x80\xd0\xb0\xd1\x81\xd0\xb8\xd0\xb4\xd0\xb0 \xd1\x82\xd1\x83\xd1\x88\xd0\xba\xd1\x83\xd0\xbd\xd0\xbb\xd0\xb8\xd0\xba \xd0\xbe\xd1\x80\xd1\x82\xd0\xb8\xd0\xb1 \xd0\xb1\xd0\xbe\xd1\x80\xd0\xb0\xd1\x8f\xd0\xbf\xd1\x82\xd0\xb8</p>
|
|
||||||
|
|
||||||
<p>\xd0\x98\xd1\x80\xd0\xbe\xd2\x9b\xd0\xb4\xd0\xb0 \xd1\x9e\xd1\x82\xd0\xba\xd0\xb0\xd0\xb7\xd0\xb8\xd0\xbb\xd0\xb3\xd0\xb0\xd0\xbd \xd1\x81\xd1\x9e\xd0\xbd\xd0\xb3\xd0\xb3\xd0\xb8 \xd0\xb6\xd0\xb0\xd0\xbc\xd0\xbe\xd0\xb0\xd1\x82\xd1\x87\xd0\xb8\xd0\xbb\xd0\xb8\xd0\xba \xd1\x84\xd0\xb8\xd0\xba\xd1\x80\xd0\xb8\xd0\xbd\xd0\xb8 \xd1\x9e\xd1\x80\xd0\xb3\xd0\xb0\xd0\xbd\xd0\xb8\xd1\x88 \xd0\xbd\xd0\xb0\xd1\x82\xd0\xb8\xd0\xb6\xd0\xb0\xd0\xbb\xd0\xb0\xd1\x80\xd0\xb8\xd0\xb3\xd0\xb0 \xd0\xba\xd1\x9e\xd1\x80\xd0\xb0, \xd0\xbc\xd0\xb0\xd0\xbc\xd0\xbb\xd0\xb0\xd0\xba\xd0\xb0\xd1\x82 \xd0\xba\xd0\xb5\xd0\xbb\xd0\xb0\xd0\xb6\xd0\xb0\xd0\xb3\xd0\xb8 \xd0\xb1\xd0\xbe\xd1\x80\xd0\xb0\xd1\x81\xd0\xb8\xd0\xb4\xd0\xb0 \xd1\x82\xd1\x83\xd1\x88\xd0\xba\xd1\x83\xd0\xbd \xd0\xba\xd0\xb0\xd0\xb9\xd1\x84\xd0\xb8\xd1\x8f\xd1\x82\xd0\xb4\xd0\xb0 \xd0\xb1\xd1\x9e\xd0\xbb\xd0\xb3\xd0\xb0\xd0\xbd \xd0\xb8\xd1\x80\xd0\xbe\xd2\x9b\xd0\xbb\xd0\xb8\xd0\xba\xd0\xbb\xd0\xb0\xd1\x80 \xd1\x81\xd0\xbe\xd0\xbd\xd0\xb8 \xd1\x82\xd0\xbe\xd0\xb1\xd0\xbe\xd1\x80\xd0\xb0 \xd0\xbe\xd1\x80\xd1\x82\xd0\xb8\xd0\xb1 \xd0\xb1\xd0\xbe\xd1\x80\xd0\xbc\xd0\xbe\xd2\x9b\xd0\xb4\xd0\xb0.</p>
|
|
||||||
|
|
||||||
<h4>Kyrgyz (ky)</h4>
|
|
||||||
<p>\xd0\x9a\xd0\xb0\xd0\xb7\xd0\xb0\xd0\xba\xd1\x81\xd1\x82\xd0\xb0\xd0\xbd\xd0\xb4\xd0\xb0 \xd0\xb0\xd0\xb9\xd1\x8b\xd0\xbb \xd1\x82\xd1\x83\xd1\x80\xd0\xb3\xd1\x83\xd0\xbd\xd0\xb4\xd0\xb0\xd1\x80\xd1\x8b \xd1\x83\xd1\x80\xd1\x83\xd1\x88\xd0\xb0 \xd0\xba\xd0\xb5\xd1\x82\xd0\xb8\xd0\xbf 3 \xd0\xba\xd0\xb8\xd1\x88\xd0\xb8 \xd0\xba\xd0\xb0\xd0\xb7\xd0\xb0 \xd1\x82\xd0\xb0\xd0\xbf\xd1\x82\xd1\x8b
|
|
||||||
\xd0\x9a\xd0\xb0\xd0\xb7\xd0\xb0\xd0\xba\xd1\x81\xd1\x82\xd0\xb0\xd0\xbd\xd0\xb4\xd1\x8b\xd0\xbd \xd0\x90\xd0\xbb\xd0\xbc\xd0\xb0\xd1\x82\xd1\x8b \xd1\x88\xd0\xb0\xd0\xb0\xd1\x80\xd1\x8b\xd0\xbd\xd1\x8b\xd0\xbd \xd1\x82\xd1\x83\xd1\x88\xd1\x83\xd0\xbd\xd0\xb4\xd0\xb0\xd0\xb3\xd1\x8b \xd0\xb0\xd0\xb9\xd1\x8b\xd0\xbb\xd0\xb4\xd0\xb0 \xd1\x8d\xd0\xba\xd0\xb8 \xd0\xba\xd0\xb8\xd1\x88\xd0\xb8 \xd0\xbe\xd1\x80\xd1\x82\xd0\xbe\xd1\x81\xd1\x83\xd0\xbd\xd0\xb4\xd0\xb0\xd0\xb3\xd1\x8b \xd1\x87\xd0\xb0\xd1\x82\xd0\xb0\xd0\xba \xd1\x87\xd0\xbe\xd2\xa3 \xd1\x83\xd1\x80\xd1\x83\xd1\x88\xd0\xba\xd0\xb0 \xd0\xb0\xd0\xb9\xd0\xbb\xd0\xb0\xd0\xbd\xd1\x8b\xd0\xbf, \xd0\xb0\xd0\xb3\xd0\xb0 \xd1\x8d\xd0\xbb\xd2\xaf\xd2\xaf \xd1\x87\xd0\xb0\xd0\xba\xd1\x82\xd1\x8b \xd0\xba\xd0\xb8\xd1\x88\xd0\xb8 \xd0\xb0\xd1\x80\xd0\xb0\xd0\xbb\xd0\xb0\xd1\x88\xd0\xba\xd0\xb0\xd0\xbd.</p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Albanian (sq)</h4>
|
|
||||||
<p>Nj\xc3\xab anket\xc3\xab sugjeron se irakian\xc3\xabt kan\xc3\xab nj\xc3\xab pesimiz\xc3\xabm n\xc3\xab rritje p\xc3\xabr t\xc3\xab ardhmen e vendit t\xc3\xab tyre.</p>
|
|
||||||
|
|
||||||
<p>Presidenti shqiptar Alfred Moisiu dekretoi t\xc3\xab h\xc3\xabn\xc3\xabn ndryshimet e propozuara nga kryeministri Sali Berisha n\xc3\xab kabinetin e tij, pas zgjedhjeve lokale.</p>
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Vietnamese (vi)</h4>
|
|
||||||
<p>M\xc3\xb4\xcc\xa3t kha\xcc\x89o sa\xcc\x81t m\xc6\xa1\xcc\x81i cho bi\xc3\xaa\xcc\x81t ng\xc6\xb0\xc6\xa1\xcc\x80i d\xc3\xa2n Iraq nga\xcc\x80y ca\xcc\x80ng ca\xcc\x89m th\xc3\xa2\xcc\x81y bi quan va\xcc\x80 kh\xc3\xb4ng tin t\xc6\xb0\xc6\xa1\xcc\x89ng va\xcc\x80o chi\xcc\x81nh phu\xcc\x89 cu\xcc\x83ng nh\xc6\xb0 li\xc3\xaan qu\xc3\xa2n</p>
|
|
||||||
|
|
||||||
<p>Nga \xc4\x91ang th\xc6\xb0\xcc\xa3c hi\xc3\xaa\xcc\xa3n chi\xc3\xaa\xcc\x81n di\xcc\xa3ch c\xc6\xb0\xcc\x81u h\xc3\xb4\xcc\xa3 sau khi co\xcc\x81 vu\xcc\xa3 n\xc3\xb4\xcc\x89 khi\xcc\x81 methane ta\xcc\xa3i m\xc3\xb4\xcc\xa3t mo\xcc\x89 than \xc6\xa1\xcc\x89 Siberia la\xcc\x80m i\xcc\x81t nh\xc3\xa2\xcc\x81t 61 ng\xc6\xb0\xc6\xa1\xcc\x80i thi\xc3\xaa\xcc\xa3t ma\xcc\xa3ng</p>
|
|
||||||
|
|
||||||
<h4>Thai (pangram)</h4>
|
|
||||||
<p>\xe0\xb9\x80\xe0\xb8\x9b\xe0\xb9\x87\xe0\xb8\x99\xe0\xb8\xa1\xe0\xb8\x99\xe0\xb8\xb8\xe0\xb8\xa9\xe0\xb8\xa2\xe0\xb9\x8c\xe0\xb8\xaa\xe0\xb8\xb8\xe0\xb8\x94\xe0\xb8\x9b\xe0\xb8\xa3\xe0\xb8\xb0\xe0\xb9\x80\xe0\xb8\xaa\xe0\xb8\xa3\xe0\xb8\xb4\xe0\xb8\x90\xe0\xb9\x80\xe0\xb8\xa5\xe0\xb8\xb4\xe0\xb8\xa8\xe0\xb8\x84\xe0\xb8\xb8\xe0\xb8\x93\xe0\xb8\x84\xe0\xb9\x88\xe0\xb8\xb2 \xe0\xb8\x81\xe0\xb8\xa7\xe0\xb9\x88\xe0\xb8\xb2\xe0\xb8\x9a\xe0\xb8\xa3\xe0\xb8\xa3\xe0\xb8\x94\xe0\xb8\xb2\xe0\xb8\x9d\xe0\xb8\xb9\xe0\xb8\x87\xe0\xb8\xaa\xe0\xb8\xb1\xe0\xb8\x95\xe0\xb8\xa7\xe0\xb9\x8c\xe0\xb9\x80\xe0\xb8\x94\xe0\xb8\xa3\xe0\xb8\xb1\xe0\xb8\x88\xe0\xb8\x89\xe0\xb8\xb2\xe0\xb8\x99 \xe0\xb8\x88\xe0\xb8\x87\xe0\xb8\x9d\xe0\xb9\x88\xe0\xb8\xb2\xe0\xb8\x9f\xe0\xb8\xb1\xe0\xb8\x99\xe0\xb8\x9e\xe0\xb8\xb1\xe0\xb8\x92\xe0\xb8\x99\xe0\xb8\xb2\xe0\xb8\xa7\xe0\xb8\xb4\xe0\xb8\x8a\xe0\xb8\xb2\xe0\xb8\x81\xe0\xb8\xb2\xe0\xb8\xa3 \xe0\xb8\xad\xe0\xb8\xa2\xe0\xb9\x88\xe0\xb8\xb2\xe0\xb8\xa5\xe0\xb9\x89\xe0\xb8\xb2\xe0\xb8\x87\xe0\xb8\x9c\xe0\xb8\xa5\xe0\xb8\xb2\xe0\xb8\x8d\xe0\xb8\xa4\xe0\xb9\x85\xe0\xb9\x80\xe0\xb8\x82\xe0\xb9\x88\xe0\xb8\x99\xe0\xb8\x86\xe0\xb9\x88\xe0\xb8\xb2\xe0\xb8\x9a\xe0\xb8\xb5\xe0\xb8\x91\xe0\xb8\xb2\xe0\xb9\x83\xe0\xb8\x84\xe0\xb8\xa3 \xe0\xb9\x84\xe0\xb8\xa1\xe0\xb9\x88\xe0\xb8\x96\xe0\xb8\xb7\xe0\xb8\xad\xe0\xb9\x82\xe0\xb8\x97\xe0\xb8\xa9\xe0\xb9\x82\xe0\xb8\x81\xe0\xb8\xa3\xe0\xb8\x98\xe0\xb9\x81\xe0\xb8\x8a\xe0\xb9\x88\xe0\xb8\x87\xe0\xb8\x8b\xe0\xb8\xb1\xe0\xb8\x94\xe0\xb8\xae\xe0\xb8\xb6\xe0\xb8\x94\xe0\xb8\xae\xe0\xb8\xb1\xe0\xb8\x94\xe0\xb8\x94\xe0\xb9\x88\xe0\xb8\xb2 \xe0\xb8\xab\xe0\xb8\xb1\xe0\xb8\x94\xe0\xb8\xad\xe0\xb8\xa0\xe0\xb8\xb1\xe0\xb8\xa2\xe0\xb9\x80\xe0\xb8\xab\xe0\xb8\xa1\xe0\xb8\xb7\xe0\xb8\xad\xe0\xb8\x99\xe0\xb8\x81\xe0\xb8\xb5\xe0\xb8\xac\xe0\xb8\xb2\xe0\xb8\xad\xe0\xb8\xb1\xe0\xb8\x8a\xe0\xb8\x8c\xe0\xb8\xb2\xe0\xb8\xaa\xe0\xb8\xb1\xe0\xb8\xa2 \xe0\xb8\x9b\xe0\xb8\x8f\xe0\xb8\xb4\xe0\xb8\x9a\xe0\xb8\xb1\xe0\xb8\x95\xe0\xb8\xb4\xe0\xb8\x9b\xe0\xb8\xa3\xe0\xb8\xb0\xe0\xb8\x9e\xe0\xb8\xa4\xe0\xb8\x95\xe0\xb8\xb4\xe0\xb8\x81\xe0\xb8\x8e\xe0\xb8\x81\xe0\xb8\xb3\xe0\xb8\xab\xe0\xb8\x99\xe0\xb8\x94\xe0\xb9\x83\xe0\xb8\x88 \xe0\xb8\x9e\xe0\xb8\xb9\xe0\xb8\x94\xe0\xb8\x88\xe0\xb8\xb2\xe0\xb9\x83\xe0\xb8\xab\xe0\xb9\x89\xe0\xb8\x88\xe0\xb9\x8a\xe0\xb8\xb0\xe0\xb9\x86 \xe0\xb8\x88\xe0\xb9\x8b\xe0\xb8\xb2 \xe0\xb8\x99\xe0\xb9\x88\xe0\xb8\xb2\xe0\xb8\x9f\xe0\xb8\xb1\xe0\xb8\x87\xe0\xb9\x80\xe0\xb8\xad\xe0\xb8\xa2\xe0\xb8\xaf </p>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- RTL LANGUAGES -->
|
|
||||||
<div style=\"text-align: right;\">
|
|
||||||
|
|
||||||
<h4>Hebrew (pangram)</h4>
|
|
||||||
<p>\xd7\x93\xd7\x92 \xd7\xa1\xd7\xa7\xd7\xa8\xd7\x9f \xd7\xa9\xd7\x98 \xd7\x91\xd7\x99\xd7\x9d \xd7\x9e\xd7\x90\xd7\x95\xd7\x9b\xd7\x96\xd7\x91 \xd7\x95\xd7\x9c\xd7\xa4\xd7\xaa\xd7\xa2 \xd7\x9e\xd7\xa6\xd7\x90 \xd7\x97\xd7\x91\xd7\xa8\xd7\x94 </p>
|
|
||||||
|
|
||||||
<p>\xd7\x90\xd7\x95 \xd7\x94\xd7\xa0\xd7\xa1\xd7\x94 \xd7\x90\xd7\x9c\xd7\x94\xd7\x99\xd7\x9d, \xd7\x9c\xd7\x91\xd7\x95\xd7\x90 \xd7\x9c\xd7\xa7\xd7\x97\xd7\xaa \xd7\x9c\xd7\x95 \xd7\x92\xd7\x95\xd7\x99 \xd7\x9e\xd7\xa7\xd7\xa8\xd7\x91 \xd7\x92\xd7\x95\xd7\x99, \xd7\x91\xd7\x9e\xd7\xa1\xd7\xaa \xd7\x91\xd7\x90\xd7\xaa\xd7\xaa \xd7\x95\xd7\x91\xd7\x9e\xd7\x95\xd7\xa4\xd7\xaa\xd7\x99\xd7\x9d \xd7\x95\xd7\x91\xd7\x9e\xd7\x9c\xd7\x97\xd7\x9e\xd7\x94 \xd7\x95\xd7\x91\xd7\x99\xd7\x93 \xd7\x97\xd7\x96\xd7\xa7\xd7\x94 \xd7\x95\xd7\x91\xd7\x96\xd7\xa8\xd7\x95\xd7\xa2 \xd7\xa0\xd7\x98\xd7\x95\xd7\x99\xd7\x94, \xd7\x95\xd7\x91\xd7\x9e\xd7\x95\xd7\xa8\xd7\x90\xd7\x99\xd7\x9d \xd7\x92\xd7\x93\xd7\x9c\xd7\x99\xd7\x9d: \xd7\x9b\xd7\x9b\xd7\x9c \xd7\x90\xd7\xa9\xd7\xa8-\xd7\xa2\xd7\xa9\xd7\x94 \xd7\x9c\xd7\x9b\xd7\x9d \xd7\x99\xd7\x94\xd7\x95\xd7\x94 \xd7\x90\xd7\x9c\xd7\x94\xd7\x99\xd7\x9b\xd7\x9d, \xd7\x91\xd7\x9e\xd7\xa6\xd7\xa8\xd7\x99\xd7\x9d--\xd7\x9c\xd7\xa2\xd7\x99\xd7\xa0\xd7\x99\xd7\x9a </p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Arabic</h4>
|
|
||||||
<p>\xd9\x82\xd8\xa7\xd9\x84 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4 \xd9\x81\xd9\x8a \xd8\xad\xd8\xaf\xd9\x8a\xd8\xab \xd9\x85\xd8\xaa\xd9\x84\xd9\x81\xd8\xb2 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xb0\xd9\x83\xd8\xb1\xd9\x89 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa7\xd8\xa8\xd8\xb9\xd8\xa9 \xd9\x84\xd9\x84\xd8\xba\xd8\xb2\xd9\x88 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a \xd9\x84\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xd8\xa7\xd9\x86 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x88\xd9\x84\xd9\x88\xd9\x8a\xd8\xa9 \xd8\xad\xd8\xa7\xd9\x84\xd9\x8a\xd8\xa7 \xd9\x84\xd8\xa7\xd8\xb9\xd8\xa7\xd8\xaf\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd9\x86 \xd9\x84\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82.</p>
|
|
||||||
|
|
||||||
<p>\xd9\x87\xd9\x84 \xd8\xb3\xd8\xaa\xd8\xb3\xd9\x81\xd8\xb1 \xd8\xa7\xd9\x84\xd8\xac\xd9\x87\xd9\x88\xd8\xaf \xd8\xa7\xd9\x84\xd8\xaf\xd8\xa8\xd9\x84\xd9\x88\xd9\x85\xd8\xa7\xd8\xb3\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xac\xd8\xa7\xd8\xb1\xd9\x8a\xd8\xa9 \xd8\xb9\xd9\x86 \xd8\xad\xd9\x84\xd9\x88\xd9\x84\xd8\x9f \xd9\x88\xd9\x83\xd9\x8a\xd9\x81 \xd8\xaa\xd9\x86\xd8\xb8\xd8\xb1 \xd9\x84\xd9\x84\xd8\xa7\xd8\xaa\xd9\x87\xd8\xa7\xd9\x85\xd8\xa7\xd8\xaa \xd9\x84\xd8\xa8\xd8\xb9\xd8\xb6 \xd9\x87\xd8\xb0\xd9\x87 \xd8\xa7\xd9\x84\xd8\xaf\xd9\x88\xd9\x84 \xd8\xa8\xd8\xa7\xd9\x84\xd8\xaa\xd8\xaf\xd8\xae\xd9\x84 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xb4\xd8\xa3\xd9\x86 \xd8\xa7\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82\xd9\x8a\xd8\x8c \xd9\x88\xd8\xa7\xd9\x84\xd8\xaa\xd9\x88\xd8\xb1\xd8\xb7 \xd9\x81\xd9\x8a \xd8\xaf\xd8\xb9\xd9\x85 \xd8\xb9\xd9\x85\xd9\x84\xd9\x8a\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd8\xb9\xd9\x86\xd9\x81\xd8\x9f \xd9\x88\xd8\xa7\xd9\x84\xd9\x89 \xd8\xa7\xd9\x8a \xd9\x85\xd8\xaf\xd9\x89 \xd9\x8a\xd8\xa8\xd8\xaf\xd9\x88 \xd8\xa7\xd9\x84\xd9\x88\xd8\xb6\xd8\xb9 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xd8\xa7\xd9\x86\xd8\xb9\xd9\x83\xd8\xa7\xd8\xb3\xd8\xa7 \xd9\x84\xd9\x84\xd8\xb5\xd8\xb1\xd8\xa7\xd8\xb9\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd8\xa5\xd9\x82\xd9\x84\xd9\x8a\xd9\x85\xd9\x8a\xd8\xa9 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd9\x85\xd9\x86\xd8\xb7\xd9\x82\xd8\xa9\xd8\x9f</p>
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Persian / Farsi</h4>
|
|
||||||
<p>\xd9\x85\xd8\xad\xd9\x85\xd8\xaf \xd8\xa7\xd9\x84\xd8\xa8\xd8\xb1\xd8\xa7\xd8\xaf\xd8\xb9\xdb\x8c \xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3 \xd8\xa2\xda\x98\xd8\xa7\xd9\x86\xd8\xb3 \xd8\xa8\xd9\x8a\xd9\x86 \xd8\xa7\xd9\x84\xd9\x85\xd9\x84\xd9\x84\xdb\x8c \xd8\xa7\xd9\x86\xd8\xb1\xda\x98\xdb\x8c \xd8\xa7\xd8\xaa\xd9\x85\xdb\x8c \xd9\xbe\xd9\x8a\xd8\xb4\xd9\x86\xd9\x87\xd8\xa7\xd8\xaf \xda\xa9\xd8\xb1\xd8\xaf\xd9\x87 \xd8\xa7\xd8\xb3\xd8\xaa \xd8\xaa\xd9\x87\xd8\xb1\xd8\xa7\xd9\x86 \xd8\xa8\xd8\xb1\xd9\x86\xd8\xa7\xd9\x85\xd9\x87 \xd8\xac\xd9\x86\xd8\xac\xd8\xa7\xd9\x84\xdb\x8c \xd8\xba\xd9\x86\xdb\x8c \xd8\xb3\xd8\xa7\xd8\xb2\xdb\x8c \xd8\xa7\xd9\x88\xd8\xb1\xd8\xa7\xd9\x86\xd9\x8a\xd9\x88\xd9\x85 \xd8\xb1\xd8\xa7 \xd9\x85\xd8\xaa\xd9\x88\xd9\x82\xd9\x81 \xda\xa9\xd9\x86\xd8\xaf \xd9\x88 \xd8\xba\xd8\xb1\xd8\xa8 \xd9\x86\xd9\x8a\xd8\xb2 \xd8\xa7\xd8\xac\xd8\xb1\xd8\xa7\xdb\x8c \xd8\xaa\xd8\xad\xd8\xb1\xd9\x8a\xd9\x85 \xd9\x87\xd8\xa7\xdb\x8c \xd8\xaa\xd9\x86\xd8\xa8\xd9\x8a\xd9\x87\xdb\x8c \xd9\x85\xd9\x88\xd8\xb1\xd8\xaf \xd8\xaa\xd8\xa7\xd8\xa6\xd9\x8a\xd8\xaf \xd8\xb3\xd8\xa7\xd8\xb2\xd9\x85\xd8\xa7\xd9\x86 \xd9\x85\xd9\x84\xd9\x84 \xd9\x85\xd8\xaa\xd8\xad\xd8\xaf \xd8\xb1\xd8\xa7 \xd8\xa8\xd9\x87 \xd8\xaa\xd8\xb9\xd9\x88\xd9\x8a\xd9\x82 \xd8\xa8\xd9\x8a\xd8\xa7\xd9\x86\xd8\xaf\xd8\xa7\xd8\xb2\xd8\xaf.</p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Urdu</h4>
|
|
||||||
<p>تمام انسان آزاد اور حقوق و عزت کے اعتبار سے برابر پیدا ہوۓ ہیں۔ انہیں ضمیر اور عقل ودیعت ہوئی ہی۔ اسلۓ انہیں ایک دوسرے کے ساتھ بھائی چارے کا سلوک کرنا چاہیۓ۔
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>Pashto (ps)</h4>
|
|
||||||
<p>\xd9\xbe\xd9\x87 \xda\xa9\xd8\xa7\xd8\xa8\xd9\x84 \xd8\xa7\xd9\x88 \xda\xa9\xd9\x86\xd8\xaf\xd9\x87\xd8\xa7\xd8\xb1 \xda\xa9\xdb\x90 \xd8\xaf\xd9\x88\xd9\x88 \xda\x81\xd8\xa7\xd9\x86\xd9\x85\xd8\xb1\xda\xaf\xd9\x88 \xd8\xa8\xd8\xb1\xd9\x8a\xd8\xaf\xd9\x88\xd9\x86\xd9\x88 \xd9\x84\xda\x96 \xd8\xaa\xd8\xb1 \xd9\x84\xda\x96\xd9\x87 \xd9\x8a\xd9\x88 \xd9\x85\xd8\xa7\xd8\xb4\xd9\x88\xd9\x85 \xd9\x88\xda\x98\xd9\x84\xd9\x89 \xd8\xa7\xd9\x88 \xd8\xa7\xd8\xaa\xd9\x87 \xd8\xaa\xd9\x86\xd9\x87 \xd9\x86\xd9\x88\xd8\xb1 \xd9\x89\xdb\x90 \xd9\xbc\xd9\xbe\xd9\x8a\xd8\xa7\xd9\x86 \xda\xa9\xda\x93\xd9\x8a.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Sindhi (sd)</h4>
|
|
||||||
<p>
|
|
||||||
واشنگٽن (م ڊ) آمريڪا چيو آهي ته ڪيري لوگربل تي پاڪ فوج جي تحفظات سان پاڪستان ۾ جمهوري طور آيل زرداري جي حڪومت کي ڪوبه خطرو ناهي، ان سوال تي تي ڪيري لوگربل ۾ پاڪستان کي غير مشروط امداد ڏيڻ جي ڳالهه ڪئي وئي آهي، جڏهن ته فوجي امداد تي شرط لاڳو ڪيا
|
|
||||||
</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- END RTL LANGUAGES -->
|
|
||||||
|
|
||||||
<h3>Indic Scripts</h3>
|
|
||||||
|
|
||||||
<h4>
|
|
||||||
Malayalam
|
|
||||||
</h4>
|
|
||||||
<p>സംസ്ഥാനത്ത് രാഷ്ട്രീയ പുകമറ സൃഷ്ടിക്കാനാണ് വോട്ടര്‍പട്ടിക വിവാദത്തിലൂടെ കോണ്‍ഗ്രസ് ശ്രമിക്കുന്നതെന്ന് സിപി‌എം സംസ്ഥാന സെക്രട്ടറി പിണറായി വിജയന്‍ കുറ്റപ്പെടുത്തി. ഉദ്യോഗസ്ഥരെ ഭീഷണിപ്പെടുത്തി വരുതിയില്‍ നിര്‍ത്താനാണ് വയലാര്‍ രവി ഉള്‍പ്പെടെയുള്ളവര്‍ ശ്രമിക്കുന്നതെന്നും പിണറാ‍യി പ്രസ്താവനയില്‍ ആരോപിച്ചു.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>Kannada</h4>
|
|
||||||
<p>
|
|
||||||
ತಮ್ಮದೇ ಕುಟುಂಬದ ಯುವತಿಯೊಬ್ಬಳನ್ನು ಸತತ ಹಲವಾರು ವರ್ಷ ಭೋಗಿಸಿದ ಭಾರತೀಯ ಮೂಲದ ಮೂವರು ದುರುಳ ಸಂಬಂಧಿಕರು ಅಪರಾಧಿಗಳೆಂದು ಸಾಬೀತಾಗಿದ್ದು, ಇಂಗ್ಲೆಂಡ್ ನ್ಯಾಯಾಲಯವು ದೀರ್ಘಾವಧಿ ಕಠಿಣ ಶಿಕ್ಷೆ ವಿಧಿಸಿದೆ.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>Telegu</h4>
|
|
||||||
<p>ఆగ్నేయ ఇరాన్‌లో ఆదివారం నాడు ఓ ఆత్మాహుతి దాడి జరగడంతో ఇరవై మంది మృతి చెందారు.
|
|
||||||
<br />
|
|
||||||
|
|
||||||
ఆగ్నేయ ఇరాన్‌లో ఆత్మాహుతి దాడి జరగడంతో ఐదుగురు ఎలిట్ రెవల్యూషనరీ గార్డ్‌లతో సహా ప్రముఖ కమాండర్‌లతోసహా మొత్తం ఇరవై మంది మృతి చెందినట్లు ఇరాన్ లోక్‌సభ స్పీకర్ అలీ లారిజానీ తెలిపారు.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Tamil (ta)</h4>
|
|
||||||
<p>\xe0\xae\x87\xe0\xae\xb0\xe0\xae\xbe\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xbf\xe0\xae\xaf \xe0\xae\xae\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xb3\xe0\xaf\x8d \xe0\xae\x85\xe0\xae\xb5\xe0\xae\xa8\xe0\xae\xae\xe0\xaf\x8d\xe0\xae\xaa\xe0\xae\xbf\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xaf\x88\xe0\xae\xaf\xe0\xaf\x81\xe0\xae\x9f\xe0\xae\xa9\xe0\xaf\x8d \xe0\xae\x87\xe0\xae\xb0\xe0\xaf\x81\xe0\xae\xaa\xe0\xaf\x8d\xe0\xae\xaa\xe0\xae\xa4\xe0\xae\xbe\xe0\xae\x95\xe0\xae\xb5\xe0\xaf\x81\xe0\xae\xae\xe0\xaf\x8d, \xe0\xae\xb7\xe0\xae\xbf\xe0\xae\xaf\xe0\xae\xbe \xe0\xae\xae\xe0\xae\xb1\xe0\xaf\x8d\xe0\xae\xb1\xe0\xaf\x81\xe0\xae\xae\xe0\xaf\x8d \xe0\xae\x9a\xe0\xaf\x81\xe0\xae\xa9\xe0\xae\xbf\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xb3\xe0\xaf\x8d \xe0\xae\xae\xe0\xaf\x81\xe0\xae\xb0\xe0\xae\xa3\xe0\xaf\x8d\xe0\xae\xaa\xe0\xae\x9f\xe0\xaf\x8d\xe0\xae\x9f \xe0\xae\x95\xe0\xae\xb0\xe0\xaf\x81\xe0\xae\xa4\xe0\xaf\x8d\xe0\xae\xa4\xe0\xaf\x81\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xb3\xe0\xaf\x81\xe0\xae\x9f\xe0\xae\xa9\xe0\xaf\x8d \xe0\xae\xa4\xe0\xaf\x81\xe0\xae\xb0\xe0\xaf\x81\xe0\xae\xb5\xe0\xae\xaa\xe0\xaf\x8d\xe0\xae\xaa\xe0\xae\x9f\xe0\xaf\x8d\xe0\xae\x9f \xe0\xae\xa8\xe0\xae\xbf\xe0\xae\xb2\xe0\xaf\x88\xe0\xae\xaf\xe0\xae\xbf\xe0\xae\xb2\xe0\xaf\x8d \xe0\xae\x87\xe0\xae\xb0\xe0\xaf\x81\xe0\xae\xaa\xe0\xaf\x8d\xe0\xae\xaa\xe0\xae\xa4\xe0\xae\xbe\xe0\xae\x95\xe0\xae\xb5\xe0\xaf\x81\xe0\xae\xae\xe0\xaf\x8d \xe0\xae\x95\xe0\xae\xb0\xe0\xaf\x81\xe0\xae\xa4\xe0\xaf\x8d\xe0\xae\xa4\xe0\xaf\x81\xe0\xae\x95\xe0\xaf\x8d \xe0\xae\x95\xe0\xae\xa3\xe0\xae\xbf\xe0\xae\xaa\xe0\xaf\x8d\xe0\xae\xaa\xe0\xaf\x81 \xe0\xae\x92\xe0\xae\xa9\xe0\xaf\x8d\xe0\xae\xb1\xe0\xaf\x81 \xe0\xae\x95\xe0\xaf\x82\xe0\xae\xb1\xe0\xaf\x81\xe0\xae\x95\xe0\xae\xbf\xe0\xae\xb1\xe0\xae\xa4\xe0\xaf\x81.</p>
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Oriya</h4>
|
|
||||||
<p>ଓଡ଼ିଆ ଉଇକିପେଡିଆ ଆପଣଙ୍କୁ ସ୍ବାଗତ କରୁଛି। ଏହି ଉନ୍ମୁକ୍ତ ଜ୍ଞାନକୋଷଟି ଇଣ୍ଟରନେଟ ଉପରେ ଆଧାରିତ ଏବଂ ଏହା ବିଶ୍ବର ୫୦ଟି ଭାଷାରେ ଉପଲବ୍ଧ । ଏହାକୁ ଆପଣ ମଧ୍ୟ ବର୍ଦ୍ଧିତ ଓ ପରିବର୍ତିତ କରିପାରିବେ ଏବଂ ଏହାକୁ ଉନ୍ନତ କରିବା ପାଇଁ ନିଜର ଅବଦାନ ଦେଇ ପାରିବେ । ଆପଣଙ୍କ ପସନ୍ଦର ବିଷୟ ଗୁଡିକୁ ଆପଣ ନୂତନ ଭାବେରେ ଯୋଗ କରିପାରିବେ କିମ୍ବା ଏହି ପୃଷ୍ଠାକୁ ସମ୍ପାଦନ କରି ଏହା ସହିତ ଯୋଗ କରିପାରିବ । ସମସ୍ତ ପାଠ ଗୁଡିକ GNU ମୁକ୍ତ ଦଲିଲକରଣ ଲାଇସେନ୍ସର ସର୍ତ୍ତ ଅଧୀନରେ ଉପଲବ୍ଧ । ତଥାପି, ଆପଣ ଏହାକୁ ମୁକ୍ତ ଭାବେର ଇଲେକ୍ଟ୍ରୋନିକ୍ସ ପ୍ରିଣ୍ଟ୍ କିମ୍ବା ଅନ୍ୟାନ୍ୟ ପ୍ରିଣ୍ଟର ମାଧ୍ୟମରେ ବ୍ୟବହାର କରିପାରିବ ।
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>Punjabi</h4>
|
|
||||||
<p>ਕੇਂਦਰੀ ਗ੍ਰਹਿਮੰਤਰੀ ਪੀ.ਚਿਦੰਬਰਮ ਨੇ ਐਤਵਾਰ ਨੂੰ ਤਮਿਲਨਾਢੂ ਦੇ ਮੁੱਖਮੰਤਰੀ ਐਮ.ਕਰੁਣਾਨਿਧੀ ਨਾਲ ਮੁਲਾਕਾਤ ਕੀਤੀ।ਉਨ੍ਹਾ ਨੇ ਸ਼੍ਰੀਲੰਕਾ 'ਚ ਲਿੱਟੇ ਦੇ ਖਿਲਾਫ਼ ਯੁੱਧ ਦੌਰਾਨ ਉੱਝੜੇ ਹੋਏ ਲੱਗਭਗ ਢਾਈ ਲੱਖ ਤਮਿਲਾਂ ਦੀ ਮੁੜ ਰਿਹਾਇਸ਼ 'ਤੇ ਚਰਚਾ ਕੀਤੀ।
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>Gujarati (gu)</h4>
|
|
||||||
<p>
|
|
||||||
આ વાત હજાર વાર કહેવામાં આવી છે કે ફિલ્મ બનાવતી વખેત હંમેશા સૌથી વધુ ધ્યાન વાર્તા અને સ્ક્રીનપ્લે પર આપવુ જોઈએ. કારણ કે આ કોઈ પણ ફિલ્મની સફળતાનો મુખ્ય આધાર હોય છે.
|
|
||||||
<br />
|
|
||||||
મોટા ફિલ્મ સ્ટાર્સ સાઈન કરવાથી, સ્ટંટ અને ગીતોથી પાણીની અંદર કે આકાશમાં કરોડો રૂપિયા ખર્ચ કરી ફિલ્માવેલા દ્રશ્યોથી કશુ જ નથી થતુ. પરંતુ આ બુનિયાદી વાત અત્યાર સુધી કોઈ લોકોને સમજાતી નથી.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Hindi (hi)</h4>
|
|
||||||
<p>\xe0\xa4\xad\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\xa4 \xe0\xa4\x94\xe0\xa4\xb0 \xe0\xa4\xac\xe0\xa4\xb0\xe0\xa4\xae\xe0\xa5\x82\xe0\xa4\xa1\xe0\xa4\xbe \xe0\xa4\x95\xe0\xa5\x87 \xe0\xa4\xac\xe0\xa5\x80\xe0\xa4\x9a \xe0\xa4\xac\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\xbf\xe0\xa4\xb6 \xe0\xa4\x95\xe0\xa5\x87 \xe0\xa4\x95\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\xa3 \xe0\xa4\xb0\xe0\xa5\x81\xe0\xa4\x95\xe0\xa4\xbe \xe0\xa4\xae\xe0\xa5\x88\xe0\xa4\x9a \xe0\xa4\xa6\xe0\xa5\x8b\xe0\xa4\xac\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\xbe \xe0\xa4\xb6\xe0\xa5\x81\xe0\xa4\xb0\xe0\xa5\x81 \xe0\xa4\xb9\xe0\xa5\x8b \xe0\xa4\x97\xe0\xa4\xaf\xe0\xa4\xbe \xe0\xa4\xb9\xe0\xa5\x88. \xe0\xa4\xad\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\xa4 \xe0\xa4\xa8\xe0\xa5\x87 \xe0\xa4\xac\xe0\xa4\xb0\xe0\xa4\xae\xe0\xa5\x82\xe0\xa4\xa1\xe0\xa4\xbe \xe0\xa4\x95\xe0\xa5\x87 \xe0\xa4\xb8\xe0\xa4\xbe\xe0\xa4\xae\xe0\xa4\xa8\xe0\xa5\x87 \xe0\xa4\xb0\xe0\xa4\xbf\xe0\xa4\x95\xe0\xa5\x89\xe0\xa4\xb0\xe0\xa5\x8d\xe0\xa4\xa1 414 \xe0\xa4\xb0\xe0\xa4\xa8\xe0\xa5\x8b\xe0\xa4\x82 \xe0\xa4\x95\xe0\xa4\xbe \xe0\xa4\xb2\xe0\xa4\x95\xe0\xa5\x8d\xe0\xa4\xb7\xe0\xa5\x8d\xe0\xa4\xaf \xe0\xa4\xb0\xe0\xa4\x96\xe0\xa4\xbe \xe0\xa4\xb9\xe0\xa5\x88. \xe0\xa4\xac\xe0\xa4\xb0\xe0\xa4\xae\xe0\xa5\x82\xe0\xa4\xa1\xe0\xa4\xbe \xe0\xa4\xa8\xe0\xa5\x87 \xe0\xa4\xa6\xe0\xa5\x8b \xe0\xa4\xb5\xe0\xa4\xbf\xe0\xa4\x95\xe0\xa5\x87\xe0\xa4\x9f \xe0\xa4\x96\xe0\xa5\x8b \xe0\xa4\xa6\xe0\xa4\xbf\xe0\xa4\x8f \xe0\xa4\xb9\xe0\xa5\x88\xe0\xa4\x82.</p>
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Nepali (ne) - Devanagari</h4>
|
|
||||||
<p>\xe0\xa4\x85\xe0\xa4\xa8\xe0\xa5\x8d\xe0\xa4\xa4\xe0\xa4\xb0\xe0\xa4\xbf\xe0\xa4\xae \xe0\xa4\xb8\xe0\xa4\xb0\xe0\xa4\x95\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\x97\xe0\xa4\xa0\xe0\xa4\xa8\xe0\xa4\xae\xe0\xa4\xbe \xe0\xa4\xa2\xe0\xa5\x80\xe0\xa4\xb2\xe0\xa4\xbe\xe0\xa4\x87 \xe0\xa4\xb9\xe0\xa5\x81\xe0\xa4\xa8\xe0\xa5\x81\xe0\xa4\x95\xe0\xa4\xbe \xe0\xa4\xb8\xe0\xa4\xbe\xe0\xa4\xa5\xe0\xa5\x88 \xe0\xa4\x86\xe0\xa4\x89\xe0\xa4\x82\xe0\xa4\xa6\xe0\xa5\x8b \xe0\xa4\x9c\xe0\xa5\x87\xe0\xa4\xa0 \xe0\xa4\xae\xe0\xa4\xb9\xe0\xa4\xbf\xe0\xa4\xa8\xe0\xa4\xbe\xe0\xa4\xad\xe0\xa4\xbf\xe0\xa4\xa4\xe0\xa5\x8d\xe0\xa4\xb0 \xe0\xa4\xb8\xe0\xa4\x82\xe0\xa4\xb5\xe0\xa4\xbf\xe0\xa4\xa7\xe0\xa4\xbe\xe0\xa4\xa8\xe0\xa4\xb8\xe0\xa4\xad\xe0\xa4\xbe\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\x9a\xe0\xa5\x81\xe0\xa4\xa8\xe0\xa4\xbe\xe0\xa4\xb5 \xe0\xa4\xb9\xe0\xa5\x8b\xe0\xa4\xb2\xe0\xa4\xbe \xe0\xa4\x95\xe0\xa4\xbf \xe0\xa4\xa8\xe0\xa4\xb9\xe0\xa5\x8b\xe0\xa4\xb2\xe0\xa4\xbe \xe0\xa4\xad\xe0\xa4\xa8\xe0\xa5\x8d\xe0\xa4\xa8\xe0\xa5\x87 \xe0\xa4\xac\xe0\xa4\xb9\xe0\xa4\xb8 \xe0\xa4\x9a\xe0\xa4\xb0\xe0\xa5\x8d\xe0\xa4\x95\xe0\xa5\x80\xe0\xa4\xb0\xe0\xa4\xb9\xe0\xa5\x87\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\xac\xe0\xa5\x87\xe0\xa4\xb2\xe0\xa4\xbe \xe0\xa4\x9a\xe0\xa5\x81\xe0\xa4\xa8\xe0\xa4\xbe\xe0\xa4\xb5\xe0\xa4\x95\xe0\xa5\x88 \xe0\xa4\xb5\xe0\xa4\xbf\xe0\xa4\xb7\xe0\xa4\xaf\xe0\xa4\xae\xe0\xa4\xbe \xe0\xa4\xa8\xe0\xa4\xbf\xe0\xa4\xb0\xe0\xa5\x8d\xe0\xa4\xb5\xe0\xa4\xbe\xe0\xa4\x9a\xe0\xa4\xa8 \xe0\xa4\x86\xe0\xa4\xaf\xe0\xa5\x8b\xe0\xa4\x97 \xe0\xa4\xb0 \xe0\xa4\x86\xe0\xa4\xa0 \xe0\xa4\xa6\xe0\xa4\xb2\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\xac\xe0\xa5\x87\xe0\xa4\x97\xe0\xa5\x8d\xe0\xa4\xb2\xe0\xa4\xbe, \xe0\xa4\xac\xe0\xa5\x87\xe0\xa4\x97\xe0\xa5\x8d\xe0\xa4\xb2\xe0\xa5\x88 \xe0\xa4\xad\xe0\xa4\xa8\xe0\xa4\xbe\xe0\xa4\x87 \xe0\xa4\xb0\xe0\xa4\xb9\xe0\xa5\x87\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\xa6\xe0\xa5\x87\xe0\xa4\x96\xe0\xa4\xbf\xe0\xa4\x8f\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\x9b\xe0\xa5\xa4</p>
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Bengali (bn)</h4>
|
|
||||||
<p>
|
|
||||||
দক্ষিণ ওয়াজিরিস্থানে কর্মরত স্বেচ্ছাসেবী ও ত্রাণ সংস্থাগুলো ধারণা করছে সেনা অভিযানের তীব্রতা বাড়লে এই সংখ্যাটা আরও অনেক বেড়ে যাবে
|
|
||||||
<br />
|
|
||||||
শরণার্থীদের স্রোত সামলাতে তারা ইতিমধ্যেই হিমশিম খাচ্ছেন, ফলে লড়াই থেকে পালিয়ে আসা বেসামরিক মানুষজনের সংখ্যা আরও বাড়লে স্বভাবতই সঙ্কট আরও জটিল হয়ে উঠবে
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Assamese</h4>
|
|
||||||
<p>অসমীয়া ৱিকিপিডিয়াৰ উদ্দেশ্য হ'ল সম্পূৰ্ণ অসমীয়া ভাষাত এখনি বিশ্বকোষ প্ৰণয়ন কৰা। অন্য কোনো ভাষাৰ প্ৰবন্ধ এই বিশ্বকোষৰ বাবে গ্ৰহন কৰা নহ'ব। বিশ্বকোষৰ অৱদানকাৰীসকললৈ সাদৰেৰে অনুৰোধ জনোৱা হ'ল যাতে তেখেতসকলে অসমীয়া ভাষাৰ প্ৰচলিত বানান পদ্ধতি মানি চলে। বিদেশী শব্দৰ অসমীয়া প্ৰতিৰূপৰ ক্ষেত্ৰত যিহেতু অসমীয়া সাহিত্যিকসকল এতিয়াও ঐক্যমতত উপনীত হ'ব পৰা নাই, ৱিকিপিডিয়াত বিদেশী শব্দৰ যিকোনো ধৰনৰ অসমীয়া ৰূপ গ্ৰাহ্য কৰা হ'ব।
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Japanese (pangrams)</h4>
|
|
||||||
<h5>Iroha Uta SJIS</h5>
|
|
||||||
|
|
||||||
<p>\xe3\x81\x84\xe3\x82\x8d\xe3\x81\xaf\xe3\x81\xab\xe3\x81\xbb\xe3\x81\xb8\xe3\x81\xa8\xe3\x80\x80\xe3\x81\xa1\xe3\x82\x8a\xe3\x81\xac\xe3\x82\x8b\xe3\x82\x92\xe3\x80\x80\xe3\x82\x8f\xe3\x81\x8b\xe3\x82\x88\xe3\x81\x9f\xe3\x82\x8c\xe3\x81\x9d\xe3\x80\x80\xe3\x81\xa4\xe3\x81\xad\xe3\x81\xaa\xe3\x82\x89\xe3\x82\x80\xe3\x80\x80\xe3\x81\x86\xe3\x82\x90\xe3\x81\xae\xe3\x81\x8a\xe3\x81\x8f\xe3\x82\x84\xe3\x81\xbe\xe3\x80\x80\xe3\x81\x91\xe3\x81\xb5\xe3\x81\x93\xe3\x81\x88\xe3\x81\xa6\xe3\x80\x80\xe3\x81\x82\xe3\x81\x95\xe3\x81\x8d\xe3\x82\x86\xe3\x82\x81\xe3\x81\xbf\xe3\x81\x97\xe3\x80\x80\xe3\x82\x91\xe3\x81\xb2\xe3\x82\x82\xe3\x81\x9b\xe3\x81\x99 </p>
|
|
||||||
|
|
||||||
<h5>Tori Naku Uta </h5>
|
|
||||||
|
|
||||||
<p>\xe3\x81\xa8\xe3\x82\x8a\xe3\x81\xaa\xe3\x81\x8f\xe3\x81\x93\xe3\x82\x91\xe3\x81\x99\xe3\x80\x80\xe3\x82\x86\xe3\x82\x81\xe3\x81\x95\xe3\x81\xbe\xe3\x81\x9b\xe3\x80\x80\xe3\x81\xbf\xe3\x82\x88\xe3\x81\x82\xe3\x81\x91\xe3\x82\x8f\xe3\x81\x9f\xe3\x82\x8b\xe3\x80\x80\xe3\x81\xb2\xe3\x82\x93\xe3\x81\x8b\xe3\x81\x97\xe3\x82\x92\xe3\x80\x80\xe3\x81\x9d\xe3\x82\x89\xe3\x81\x84\xe3\x82\x8d\xe3\x81\xaf\xe3\x81\x88\xe3\x81\xa6\xe3\x80\x80\xe3\x81\x8a\xe3\x81\x8d\xe3\x81\xa4\xe3\x81\xb8\xe3\x81\xab\xe3\x80\x80\xe3\x81\xbb\xe3\x81\xb5\xe3\x81\xad\xe3\x82\x80\xe3\x82\x8c\xe3\x82\x90\xe3\x81\xac\xe3\x80\x80\xe3\x82\x82\xe3\x82\x84\xe3\x81\xae\xe3\x81\x86\xe3\x81\xa1 </p>
|
|
||||||
|
|
||||||
<h5>Ametsuchi No Uta </h5>
|
|
||||||
|
|
||||||
<p>\xe3\x81\x82\xe3\x82\x81 \xe3\x81\xa4\xe3\x81\xa1 \xe3\x81\xbb\xe3\x81\x97 \xe3\x81\x9d\xe3\x82\x89 / \xe3\x82\x84\xe3\x81\xbe \xe3\x81\x8b\xe3\x81\xaf \xe3\x81\xbf\xe3\x81\xad \xe3\x81\x9f\xe3\x81\xab / \xe3\x81\x8f\xe3\x82\x82 \xe3\x81\x8d\xe3\x82\x8a \xe3\x82\x80\xe3\x82\x8d \xe3\x81\x93\xe3\x81\x91 / \xe3\x81\xb2\xe3\x81\xa8 \xe3\x81\x84\xe3\x81\xac \xe3\x81\x86\xe3\x81\xb8 \xe3\x81\x99\xe3\x82\x91 / \xe3\x82\x86\xe3\x82\x8f \xe3\x81\x95\xe3\x82\x8b \xe3\x81\x8a\xe3\x81\xb5 \xe3\x81\x9b\xe3\x82\x88 / \xe3\x81\x88\xe3\x81\xae\xe3\x81\x88*\xe3\x82\x92 \xe3\x81\xaa\xe3\x82\x8c \xe3\x82\x90\xe3\x81\xa6 </p>
|
|
||||||
|
|
||||||
<h5>Taini no Uta </h5>
|
|
||||||
|
|
||||||
<p>\xe3\x81\x9f\xe3\x82\x90\xe3\x81\xab\xe3\x81\x84\xe3\x81\xa6\xe3\x80\x80\xe3\x81\xaa\xe3\x81\xa4\xe3\x82\x80\xe3\x82\x8f\xe3\x82\x8c\xe3\x82\x92\xe3\x81\x9d\xe3\x80\x80\xe3\x81\x8d\xe3\x81\xbf\xe3\x82\x81\xe3\x81\x99\xe3\x81\xa8\xe3\x80\x80\xe3\x81\x82\xe3\x81\x95\xe3\x82\x8a\xe3\x81\x8a\xe3\x81\xb2\xe3\x82\x86\xe3\x81\x8f\xe3\x80\x80\xe3\x82\x84\xe3\x81\xbe\xe3\x81\x97\xe3\x82\x8d\xe3\x81\xae\xe3\x80\x80\xe3\x81\x86\xe3\x81\xa1\xe3\x82\x91\xe3\x81\xb8\xe3\x82\x8b\xe3\x81\x93\xe3\x82\x89\xe3\x80\x80\xe3\x82\x82\xe3\x81\xaf\xe3\x81\xbb\xe3\x81\x9b\xe3\x82\x88\xe3\x80\x80\xe3\x81\x88\xe3\x81\xb5\xe3\x81\xad\xe3\x81\x8b\xe3\x81\x91\xe3\x81\xac </p>
|
|
||||||
|
|
||||||
<h4>Chinese (simplified) GB2312 GB</h4>
|
|
||||||
|
|
||||||
<p>\xe6\x9d\xa5\xe8\x87\xaa\xe5\x95\x86\xe5\x8a\xa1\xe9\x83\xa8\xe6\x96\xb0\xe9\x97\xbb\xe5\x8a\x9e\xe5\x85\xac\xe5\xae\xa4\xe7\x9a\x84\xe6\xb6\x88\xe6\x81\xaf\xe7\xa7\xb0\xef\xbc\x8c\xe4\xb8\xad\xe6\x96\xb9\xe5\x85\x8d\xe9\x99\xa4\xe4\xb8\x8e\xe4\xb8\xad\xe5\x9b\xbd\xe6\x9c\x89\xe5\xa4\x96\xe4\xba\xa4\xe5\x85\xb3\xe7\xb3\xbb\xe7\x9a\x84\xe6\x89\x80\xe6\x9c\x89\xe9\x9d\x9e\xe6\xb4\xb2\xe9\x87\x8d\xe5\x80\xba\xe7\xa9\xb7\xe5\x9b\xbd\xe5\x8f\x8a\xe6\x9c\x80\xe4\xb8\x8d\xe5\x8f\x91\xe8\xbe\xbe\xe5\x9b\xbd\xe5\xae\xb6\xe6\x88\xaa\xe8\x87\xb32005\xe5\xb9\xb4\xe5\xba\x95\xe5\xaf\xb9\xe5\x8d\x8e\xe5\x88\xb0\xe6\x9c\x9f\xe6\x94\xbf\xe5\xba\x9c\xe6\x97\xa0\xe6\x81\xaf\xe8\xb4\xb7\xe6\xac\xbe\xe5\x80\xba\xe5\x8a\xa1\xe3\x80\x82\xe6\x9c\x89\xe5\x85\xb3\xe9\x83\xa8\xe9\x97\xa8\xe5\xb7\xb2\xe5\xaf\xb9\xe7\x9b\xb8\xe5\x85\xb3\xe5\x80\xba\xe5\x8a\xa1\xe8\xbf\x9b\xe8\xa1\x8c\xe5\x85\xa8\xe9\x9d\xa2\xe6\xb8\x85\xe7\x90\x86\xe6\xa0\xb8\xe5\xaf\xb9\xef\xbc\x8c\xe5\xaf\xb9\xe4\xb8\x8e\xe4\xb8\xad\xe5\x9b\xbd\xe6\x9c\x89\xe5\xa4\x96\xe4\xba\xa4\xe5\x85\xb3\xe7\xb3\xbb\xe7\x9a\x8433\xe4\xb8\xaa\xe9\x9d\x9e\xe6\xb4\xb2\xe9\x87\x8d\xe5\x80\xba\xe7\xa9\xb7\xe5\x9b\xbd\xe5\x92\x8c\xe6\x9c\x80\xe4\xb8\x8d\xe5\x8f\x91\xe8\xbe\xbe\xe5\x9b\xbd\xe5\xae\xb6\xef\xbc\x8c\xe5\x85\x8d\xe9\x99\xa4\xe5\x85\xb6\xe6\x88\xaa\xe8\x87\xb32005\xe5\xb9\xb4\xe5\xba\x95168\xe7\xac\x94\xe5\xaf\xb9\xe5\x8d\x8e\xe5\x88\xb0\xe6\x9c\x9f\xe6\x97\xa0\xe6\x81\xaf\xe8\xb4\xb7\xe6\xac\xbe\xe5\x80\xba\xe5\x8a\xa1\xe3\x80\x82\xe6\x8b\x9f\xe4\xba\x8e2007\xe5\xb9\xb4\xe5\xba\x95\xe5\x89\x8d\xe4\xb8\x8e\xe5\x8f\x97\xe6\x8f\xb4\xe5\x9b\xbd\xe5\x8a\x9e\xe7\x90\x86\xe5\xae\x8c\xe5\x85\x8d\xe5\x80\xba\xe5\x8d\x8f\xe8\xae\xae\xe3\x80\x82</p>
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Chinese (Traditional - Hong Kong) Big5</h4>
|
|
||||||
|
|
||||||
<p>\xe3\x80\x8c\xe6\x86\x82\xe9\xac\xb1\xe5\xb0\x8f\xe7\x8e\x8b\xe5\xad\x90\xe3\x80\x8d\xe6\x98\xaf\xe4\xb8\x80\xe5\x80\x8b\xe6\x95\x99\xe8\x82\xb2\xe7\xb6\xb2\xe7\xab\x99\xef\xbc\x8c\xe5\xae\x83\xe6\x88\x90\xe5\x8a\x9f\xe7\xb5\x90\xe5\x90\x88\xe4\xba\x86\xe9\xa6\x99\xe6\xb8\xaf\xe8\xb3\xbd\xe9\xa6\xac\xe6\x9c\x83\xe9\x98\xb2\xe6\xad\xa2\xe8\x87\xaa\xe6\xae\xba\xe7\xa0\x94\xe7\xa9\xb6\xe4\xb8\xad\xe5\xbf\x83\xe5\x90\x84\xe6\x96\xb9\xe9\x9d\xa2\xe7\x9a\x84\xe5\xb0\x88\xe6\x89\x8d\xef\xbc\x8c\xe7\x82\xba\xe9\x9d\x92\xe5\xb0\x91\xe5\xb9\xb4\xe4\xba\xba\xe6\x8f\x90\xe4\xbe\x9b\xe7\xb2\xbe\xe7\xa5\x9e\xe5\x81\xa5\xe5\xba\xb7\xe7\x9a\x84\xe8\xa8\x8a\xe6\x81\xaf\xef\xbc\x8c\xe5\xb0\x8d\xe6\x99\xae\xe5\x8f\x8a\xe6\x8a\x91\xe9\xac\xb1\xe7\x97\x87\xe7\x9f\xa5\xe8\xad\x98\xe7\x9a\x84\xe8\xb2\xa2\xe7\x8d\xbb\xe8\x89\xaf\xe5\xa4\x9a\xe3\x80\x82\xe5\x9c\xa8\xe9\xa6\x99\xe6\xb8\xaf\xef\xbc\x8c\xe5\xae\x83\xe6\x9b\xbe\xe7\x8d\xb2\xe9\x81\xb8\xe7\x82\xba\xe3\x80\x8c2004\xe5\xb9\xb4\xe5\x8d\x81\xe5\xa4\xa7\xe5\x81\xa5\xe5\xba\xb7\xe7\xb6\xb2\xe7\xab\x99\xe3\x80\x8d\xe4\xb9\x8b\xe4\xb8\x80\xef\xbc\x8c\xe8\xa9\xb2\xe9\xa0\x85\xe9\x81\xb8\xe8\x88\x89\xe8\x87\xaa2005\xe5\xb9\xb4\xe8\xb5\xb7\xe6\x94\xb9\xe5\x90\x8d\xe7\x8f\xbe\xe6\x99\x82\xe7\x9a\x84\xe3\x80\x8c\xe5\x84\xaa\xe7\xa7\x80\xe7\xb6\xb2\xe7\xab\x99\xe9\x81\xb8\xe8\x88\x89\xe3\x80\x8d\xe3\x80\x82\xe5\x85\xb6\xe8\xb2\xa2\xe7\x8d\xbb\xe5\x9c\xa8\xe5\x9c\x8b\xe9\x9a\x9b\xe9\x96\x93\xe4\xba\xa6\xe5\x82\x99\xe5\x8f\x97\xe8\x82\xaf\xe5\xae\x9a\xef\xbc\x8c2005\xe5\xb9\xb4\xef\xbc\x8c\xe8\xa9\xb2\xe7\xb6\xb2\xe7\xab\x99\xe6\xa6\xae\xe7\x8d\xb2\xe7\xac\xac\xe5\x85\xab\xe5\xb1\x86\xe3\x80\x8c\xe4\xba\x9e\xe6\xb4\xb2\xe5\x89\xb5\xe6\x96\xb0\xe5\xa4\xa7\xe7\x8d\x8e\xe3\x80\x8d\xe9\x8a\x80\xe7\x8d\x8e\xe3\x80\x82</p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Korean UHC</h4>
|
|
||||||
|
|
||||||
<p>\xed\x82\xa4\xec\x8a\xa4\xec\x9d\x98 \xea\xb3\xa0\xec\x9c\xa0\xec\xa1\xb0\xea\xb1\xb4\xec\x9d\x80 \xec\x9e\x85\xec\x88\xa0\xeb\x81\xbc\xeb\xa6\xac \xeb\xa7\x8c\xeb\x82\x98\xec\x95\xbc \xed\x95\x98\xea\xb3\xa0 \xed\x8a\xb9\xeb\xb3\x84\xed\x95\x9c \xea\xb8\xb0\xec\x88\xa0\xec\x9d\x80 \xed\x95\x84\xec\x9a\x94\xec\xb9\x98 \xec\x95\x8a\xeb\x8b\xa4. </p>
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Mixed</h4>
|
|
||||||
<p style=\"font-family: 'trebuchet ms';\">Distinguishes multiple languages enclosed in same element (tags): Arabic \xd9\x82\xd8\xa7\xd9\x84 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3
|
|
||||||
English Cat sat on the large mat
|
|
||||||
Tamil \xe0\xae\xb7\xe0\xae\xbf\xe0\xae\xaf\xe0\xae\xbe
|
|
||||||
Hindi \xe0\xa4\xad\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\xa4 \xe0\xa4\x94\xe0\xa4\xb0
|
|
||||||
Japanese \xe3\x81\x84\xe3\x82\x8d\xe3\x81\xaf\xe3\x81\xab\xe3\x81\xbb\xe3\x81\xb8\xe3\x81\xa8\xe3\x80\x80
|
|
||||||
Chinese \xe6\x9d\xa5\xe8\x87\xaa\xe5\x95\x86\xe5\x8a\xa1\xe9\x83\xa8\xe6\x96\xb0\xe9\x97\xbb\xe5\x8a\x9e\xe5\x85\xac
|
|
||||||
Thai \xe0\xb9\x80\xe0\xb8\x9b\xe0\xb9\x87\xe0\xb8\x99\xe0\xb8\xa1\xe0\xb8\x99\xe0\xb8\xb8\xe0\xb8\xa9\xe0\xb8\xa2
|
|
||||||
Viet M\xc3\xb4\xcc\xa3t kha\xcc\x89o sa\xcc\x81t m\xc6\xa1\xcc\x81i cho bi\xc3\xaa\xcc\x81t ng\xc6\xb0\xc6\xa1\xcc\x80i d\xc3\xa2n
|
|
||||||
Tamil \xe0\xae\xb7\xe0\xae\xbf\xe0\xae\xaf\xe0\xae\xbe
|
|
||||||
Chinese \xe6\x9d\xa5\xe8\x87\xaa\xe5\x95\x86\xe5\x8a\xa1\xe9\x83\xa8\xe6\x96\xb0\xe9\x97\xbb\xe5\x8a\x9e\xe5\x85\xac
|
|
||||||
English Cat sat on the large mat
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Unicode Plane 2</h4>
|
|
||||||
<div>
|
|
||||||
Unicode Plane 0 (BMP U+0000 - U+FFFF):
|
|
||||||
\xe9\xbc\x82 \xe9\xbc\x88 \xe9\xbc\x97 \xe9\xbc\xa6 \xe9\xbc\xa7 \xe9\xbc\xb9 \xe9\xbd\x84 \xe9\xbd\x85 \xe9\xbd\x90 \xe9\xbd\x93 \xe9\xbd\x9a \xe9\xbd\xa2 \xe9\xbd\xa9 \xe9\xbd\xbf \xe9\xbe\x8e \xe9\xbe\x99 \xe9\xbe\x9f \xe9\xbe\xa5
|
|
||||||
-------
|
|
||||||
Unicode Plane 2 (SIP characters > U+20000):
|
|
||||||
\xf0\xa0\x80\xa1 \xf0\xa0\x80\xbe \xf0\xa0\x81\x86 \xf0\xa0\x81\x8e \xf0\xa0\x81\xa8 \xf0\xa0\x82\x86 \xf0\xa0\x82\x87 \xf0\xa0\x82\x8a \xf0\xa0\x82\x94 \xf0\xa0\x83\x8a \xf0\xa0\x83\x8b \xf0\xa0\x83\x8c \xf0\xa0\x83\x8d \xf0\xa0\x83\x91 \xf0\xa0\x83\xae \xf0\xa0\x84\x8c \xf0\xa0\x84\x8e \xf0\xa0\x84\x98 \xf0\xa0\x86\xa4 \xf0\xa0\x86\xa9 \xf0\xa0\x86\xab \xf0\xa0\x87\x81 \xf0\xa0\x87\x94 \xf0\xa0\x87\xb2 \xf0\xa0\x88\x84 \xf0\xa0\x88\x8c \xf0\xa0\x88\x94 \xf0\xa0\x88\xb9 \xf0\xa0\x89\x9b \xf0\xa0\x89\xb4 \xf0\xa0\x89\xb5 \xf0\xa0\x8a\x99 \xf0\xa0\x8a\x9e \xf0\xa0\x8a\xa0 \xf0\xa0\x8a\xb7 \xf0\xa0\x8a\xbf \xf0\xa0\x8b\x80 \xf0\xa0\x8b\xa5 \xf0\xa0\x8c\x8a
|
|
||||||
-------
|
|
||||||
Unicode Plane 0 (BMPU+0000 - U+FFFF):
|
|
||||||
\xe9\xbc\x82 \xe9\xbc\x88 \xe9\xbc\x97 \xe9\xbc\xa6 \xe9\xbc\xa7 \xe9\xbc\xb9 \xe9\xbd\x84 \xe9\xbd\x85 \xe9\xbd\x90 \xe9\xbd\x93 \xe9\xbd\x9a \xe9\xbd\xa2 \xe9\xbd\xa9 \xe9\xbd\xbf \xe9\xbe\x8e \xe9\xbe\x99 \xe9\xbe\x9f \xe9\xbe\xa5 <br />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
";
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF();
|
|
||||||
|
|
||||||
$mpdf->useAdobeCJK = true; // Default setting in config.php
|
|
||||||
// You can set this to false if you have defined other CJK fonts
|
|
||||||
|
|
||||||
$mpdf->SetAutoFont(AUTOFONT_ALL); // AUTOFONT_CJK | AUTOFONT_THAIVIET | AUTOFONT_RTL | AUTOFONT_INDIC // AUTOFONT_ALL
|
|
||||||
// () = default ALL, 0 turns OFF (default initially)
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
|
|
||||||
exit;
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,384 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
$html = "
|
|
||||||
<style>
|
|
||||||
body, p { direction: rtl; font-family: 'XB Zar'; font-size: 15pt; }
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<h1>Arabic Languages and Fonts</h1>
|
|
||||||
|
|
||||||
<!-- Koranic
|
|
||||||
|
|
||||||
<p style=\"font-family: sans;\">Koranic<br />
|
|
||||||
الحمد لله رب العالمين والصلاة والسلام على سيد المرسلين سيدنا ومولانا محمد وعلى آله وصحبه صلاة وسلاماً دائمين إلى يوم الدين.
|
|
||||||
<br />
|
|
||||||
٠.١.٢.٣.٤.٥.٦.٧.٨.٩
|
|
||||||
<br />
|
|
||||||
!\"#$%&'()*+,-./0123456789:;<=>?<br />
|
|
||||||
@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_<br />
|
|
||||||
`abcdefghijklmnopqrstuvwxyz{|}~
|
|
||||||
</p>
|
|
||||||
|
|
||||||
-->
|
|
||||||
|
|
||||||
|
|
||||||
<p style=\"font-family: 'XB Zar';\">Arabic<br />
|
|
||||||
٠.١.٢.٣.٤.٥.٦.٧.٨.٩
|
|
||||||
<br />
|
|
||||||
!\"#$%&'()*+,-./0123456789:;<=>?<br />
|
|
||||||
@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_<br />
|
|
||||||
`abcdefghijklmnopqrstuvwxyz{|}~
|
|
||||||
<br />
|
|
||||||
\xc2\xa2\xe2\x82\xac\xc2\xa9\xc2\xae\xe2\x84\xa2\xe2\x80\xb0\xc2\xb5\xc2\xb7\xe2\x80\xa2\xe2\x80\xa6\xc2\xa7\xc3\x9f\xe2\x80\xb9\xe2\x80\xba\xc2\xab\xc2\xbb\xe2\x80\x98\xe2\x80\x99\xe2\x80\x9c\xe2\x80\x9d\xe2\x80\x9a\xe2\x80\x9e<>\xe2\x80\x93\xe2\x80\x94\xcb\x86\xcb\x9c
|
|
||||||
\xc2\xb0\xc2\xb1\xc3\xb7\xc3\x97\xc2\xbc\xc2\xbd\xc2\xbe\xc6\x92\xc2\xac\xe2\x80\xa0\xe2\x80\xa1
|
|
||||||
<br />
|
|
||||||
\xc3\x80\xc3\x81\xc3\x82\xc3\x83\xc3\x84\xc3\x85\xc3\x86\xc3\x87\xc3\x88\xc3\x89\xc3\x8a\xc3\x8b\xc3\x8c\xc3\x8d\xc3\x8e\xc3\x8f\xc3\x90\xc3\x91\xc3\x92\xc3\x93\xc3\x94\xc3\x95\xc3\x96\xc3\x98\xc5\x92\xc5\xa0\xc3\x99\xc3\x9a\xc3\x9b\xc3\x9c\xc3\x9d\xc5\xb8
|
|
||||||
<br />
|
|
||||||
\xc3\xa0\xc3\xa1\xc3\xa2\xc3\xa3\xc3\xa4\xc3\xa5\xc3\xa6\xc3\xa7\xc3\xa8\xc3\xa9\xc3\xaa\xc3\xab\xc3\xac\xc3\xad\xc3\xae\xc3\xaf\xc3\xb0\xc3\xb1\xc3\xb2\xc3\xb4\xc3\xb5\xc3\xb6\xc3\xb8\xc5\x93\xc5\xa1\xc3\xb9\xc3\xba\xc3\xbb\xc3\xbc\xc3\xbd\xc3\xbe\xc3\xbf
|
|
||||||
<br />
|
|
||||||
الحمد لله رب العالمين والصلاة والسلام على سيد المرسلين سيدنا ومولانا محمد وعلى آله وصحبه صلاة وسلاماً دائمين إلى يوم الدين.
|
|
||||||
<br />
|
|
||||||
٠.١.٢.٣.٤.٥.٦.٧.٨.٩
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<p style=\"font-family: 'XB Riyaz';\">Arabic<br />
|
|
||||||
٠.١.٢.٣.٤.٥.٦.٧.٨.٩
|
|
||||||
<br />
|
|
||||||
!\"#$%&'()*+,-./0123456789:;<=>?<br />
|
|
||||||
@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_<br />
|
|
||||||
`abcdefghijklmnopqrstuvwxyz{|}~
|
|
||||||
<br />
|
|
||||||
\xc2\xa2\xe2\x82\xac\xc2\xa9\xc2\xae\xe2\x84\xa2\xe2\x80\xb0\xc2\xb5\xc2\xb7\xe2\x80\xa2\xe2\x80\xa6\xc2\xa7\xc3\x9f\xe2\x80\xb9\xe2\x80\xba\xc2\xab\xc2\xbb\xe2\x80\x98\xe2\x80\x99\xe2\x80\x9c\xe2\x80\x9d\xe2\x80\x9a\xe2\x80\x9e<>\xe2\x80\x93\xe2\x80\x94\xcb\x86\xcb\x9c
|
|
||||||
\xc2\xb0\xc2\xb1\xc3\xb7\xc3\x97\xc2\xbc\xc2\xbd\xc2\xbe\xc6\x92\xc2\xac\xe2\x80\xa0\xe2\x80\xa1
|
|
||||||
<br />
|
|
||||||
\xc3\x80\xc3\x81\xc3\x82\xc3\x83\xc3\x84\xc3\x85\xc3\x86\xc3\x87\xc3\x88\xc3\x89\xc3\x8a\xc3\x8b\xc3\x8c\xc3\x8d\xc3\x8e\xc3\x8f\xc3\x90\xc3\x91\xc3\x92\xc3\x93\xc3\x94\xc3\x95\xc3\x96\xc3\x98\xc5\x92\xc5\xa0\xc3\x99\xc3\x9a\xc3\x9b\xc3\x9c\xc3\x9d\xc5\xb8
|
|
||||||
<br />
|
|
||||||
\xc3\xa0\xc3\xa1\xc3\xa2\xc3\xa3\xc3\xa4\xc3\xa5\xc3\xa6\xc3\xa7\xc3\xa8\xc3\xa9\xc3\xaa\xc3\xab\xc3\xac\xc3\xad\xc3\xae\xc3\xaf\xc3\xb0\xc3\xb1\xc3\xb2\xc3\xb4\xc3\xb5\xc3\xb6\xc3\xb8\xc5\x93\xc5\xa1\xc3\xb9\xc3\xba\xc3\xbb\xc3\xbc\xc3\xbd\xc3\xbe\xc3\xbf
|
|
||||||
<br />
|
|
||||||
الحمد لله رب العالمين والصلاة والسلام على سيد المرسلين سيدنا ومولانا محمد وعلى آله وصحبه صلاة وسلاماً دائمين إلى يوم الدين.
|
|
||||||
<br />
|
|
||||||
٠.١.٢.٣.٤.٥.٦.٧.٨.٩
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<p style=\"font-family: 'XB Zar';\">Farsi<br />
|
|
||||||
همهٔ افراد بشر آزاد به دنیا می‌آیند و از دید حیثیت و حقوق با هم برابرند، همه دارای اندیشه و وجدان هستند و باید در برابر یکدیگر با روح برادری رفتار کنند.
|
|
||||||
<br />
|
|
||||||
٠.١.٢.٣.٤.٥.٦.٧.٨.٩
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<p style=\"font-family: 'XB Zar';\">Urdu<br />
|
|
||||||
\xd8\xac\xd8\xb3\xd9\xb9\xd8\xb3 \xd8\xa7\xd9\x81\xd8\xaa\xd8\xae\xd8\xa7\xd8\xb1 \xda\xa9\xdb\x8c \xd8\xac\xd8\xa8\xd8\xb1\xdb\x8c \xd8\xb1\xd8\xae\xd8\xb5\xd8\xaa \xd9\xbe\xd8\xb1 \xd9\x84\xd8\xa7\xdb\x81\xd9\x88\xd8\xb1\xdb\x81\xd8\xa7\xd8\xa6\xdb\x8c \xda\xa9\xd9\x88\xd8\xb1\xd9\xb9 \xda\xa9\xdb\x92 \xd8\xa7\xdb\x8c\xda\xa9 \xd8\xa7\xd9\x88\xd8\xb1 \xd8\xb3\xd9\x86\xd8\xaf\xda\xbe \xd9\x85\xdb\x8c\xda\xba \xda\xa9\xd8\xa6\xdb\x8c \xd8\xb3\xd9\x88\xd9\x84 \xd8\xac\xd8\xac \xd9\x85\xd8\xb3\xd8\xaa\xd8\xb9\xd9\x81\xdb\x8c \xdb\x81\xd9\x88\xda\xaf\xd8\xa6\xdb\x92 \xdb\x81\xdb\x8c\xda\xba\xdb\x94
|
|
||||||
<br />
|
|
||||||
\xda\x86\xdb\x8c\xd9\x81 \xd8\xac\xd8\xb3\xd9\xb9\xd8\xb3 \xda\xa9\xdb\x8c \xd8\xb3\xd8\xb1\xda\xaf\xd8\xb1\xd9\x85\xdb\x8c\xd8\xa7\xda\xba \xd9\x85\xd8\xad\xd8\xaf\xd9\x88\xd8\xaf \xda\xa9\xd8\xb1\xd9\x86\xdb\x92 \xd8\xa7\xd9\x88\xd8\xb1 \xd9\xbe\xd9\x88\xd9\x84\xdb\x8c\xd8\xb3 \xd8\xaa\xd8\xb9\xdb\x8c\xd9\x86\xd8\xa7\xd8\xaa\xdb\x8c \xda\xa9\xdb\x92 \xd8\xad\xda\xa9\xd9\x85 \xd9\x86\xd8\xa7\xd9\x85\xdb\x92 \xd9\xbe\xd8\xb1 \xd8\xaf\xd8\xb3\xd8\xaa\xd8\xae\xd8\xb7 \xda\xa9\xd8\xb1\xda\xa9\xdb\x92 \xd8\xba\xd9\x84\xd8\xb7 \xda\xa9\xdb\x8c\xd8\xa7: \xd8\xac\xd9\x86\xd8\xb1\xd9\x84 \xd9\x85\xd8\xb4\xd8\xb1\xd9\x81
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<p style=\"font-family: 'XB Zar';\">Pashto<br />
|
|
||||||
\xd9\xbe\xd9\x87 \xda\xa9\xd8\xa7\xd8\xa8\xd9\x84 \xd8\xa7\xd9\x88 \xda\xa9\xd9\x86\xd8\xaf\xd9\x87\xd8\xa7\xd8\xb1 \xda\xa9\xdb\x90 \xd8\xaf\xd9\x88\xd9\x88 \xda\x81\xd8\xa7\xd9\x86\xd9\x85\xd8\xb1\xda\xaf\xd9\x88 \xd8\xa8\xd8\xb1\xd9\x8a\xd8\xaf\xd9\x88\xd9\x86\xd9\x88 \xd9\x84\xda\x96 \xd8\xaa\xd8\xb1 \xd9\x84\xda\x96\xd9\x87 \xd9\x8a\xd9\x88 \xd9\x85\xd8\xa7\xd8\xb4\xd9\x88\xd9\x85 \xd9\x88\xda\x98\xd9\x84\xd9\x89 \xd8\xa7\xd9\x88 \xd8\xa7\xd8\xaa\xd9\x87 \xd8\xaa\xd9\x86\xd9\x87 \xd9\x86\xd9\x88\xd8\xb1 \xd9\x89\xdb\x90 \xd9\xbc\xd9\xbe\xd9\x8a\xd8\xa7\xd9\x86 \xda\xa9\xda\x93\xd9\x8a.
|
|
||||||
<br />
|
|
||||||
\xd9\x87 \xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xda\xa9\xdb\x90 \xd9\x8a\xd9\x88\xd9\x87 \xd8\xaa\xd8\xa7\xd8\xb2\xd9\x87 \xd9\x86\xd8\xb8\xd8\xb1 \xd8\xb4\xd9\x85\xdb\x90\xd8\xb1\xd9\x86\xd9\x87 \xda\x9a\xd9\x8a\xd9\x8a \xda\x86\xdb\x90 \xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82\xd9\x8a\xd8\xa7\xd9\x86 \xd9\xbe\xd9\x87 \xd8\xb2\xd9\x8a\xd8\xa7\xd8\xaa\xdb\x90\xd8\xaf\xd9\x88\xd9\x86\xda\xa9\xd9\x8a \xd8\xaa\xd9\x88\xda\xaf\xd9\x87 \xd8\xaf \xd8\xad\xd8\xa7\xd9\x84\xd8\xa7\xd8\xaa\xd9\x88 \xd9\xbe\xd9\x87 \xd8\xa7\xda\x93\xd9\x87 \xd8\xa8\xd8\xaf\xd8\xa8\xd9\x8a\xd9\x86\xd9\x87 \xd8\xaf\xd9\x8a \xd8\xa7\xd9\x88 \xd8\xaf \xd8\xa8\xdb\x90 \xd8\xa8\xd8\xa7\xd9\x88\xd8\xb1\xd9\x8a \xd8\xa7\xd8\xad\xd8\xb3\xd8\xa7\xd8\xb3 \xda\xa9\xd9\x88\xd9\x8a\xd8\x8c \xd8\xae\xd9\x88 \xd8\xae\xd9\xbe\xd9\x84 \xd9\x87\xd9\x8a\xd9\x88\xd8\xa7\xd8\xaf \xd9\x8a\xd9\x88\xd9\x85\xd9\x88\xd9\xbc\xd9\x89 \xd8\xba\xd9\x88\xd8\xa7\xda\x93\xd9\x8a.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<p style=\"font-family: Arial;\">Sindhi<br />
|
|
||||||
فوج طرفان ڪيري لوگربل جي مخالفت سبب زرداري حڪومت کي خطرو ناهي:آمريڪا
|
|
||||||
<br />
|
|
||||||
واشنگٽن (م ڊ) آمريڪا چيو آهي ته ڪيري لوگربل تي پاڪ فوج جي تحفظات سان پاڪستان ۾ جمهوري طور آيل زرداري جي حڪومت کي ڪوبه خطرو ناهي، ان سوال تي تي ڪيري لوگربل ۾ پاڪستان کي غير مشروط امداد ڏيڻ جي ڳالهه ڪئي وئي آهي، جڏهن ته فوجي امداد تي شرط لاڳو ڪيا
|
|
||||||
<br />
|
|
||||||
٠.١.٢.٣.٤.٥.٦.٧.٨.٩
|
|
||||||
<br />
|
|
||||||
!\"#$%&'()*+,-./0123456789:;<=>?<br />
|
|
||||||
@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_<br />
|
|
||||||
`abcdefghijklmnopqrstuvwxyz{|}~
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
From http://titus.uni-frankfurt.de/unicode/alphabet/arabtest.htm
|
|
||||||
<br />
|
|
||||||
|
|
||||||
1. Arabic:
|
|
||||||
<br />
|
|
||||||
ا ـا ـاـ اـ
|
|
||||||
<br />
|
|
||||||
ب ـب ـبـ بـ
|
|
||||||
<br />
|
|
||||||
ت ـت ـتـ تـ
|
|
||||||
<br />
|
|
||||||
ج ـج ـجـ جـ
|
|
||||||
<br />
|
|
||||||
ح ـح ـحـ حـ
|
|
||||||
<br />
|
|
||||||
خ ـخ ـخـ خـ
|
|
||||||
<br />
|
|
||||||
د ـد ـد د
|
|
||||||
<br />
|
|
||||||
ذ ـذ ـذ ذ
|
|
||||||
<br />
|
|
||||||
ر ـر ـر ر
|
|
||||||
<br />
|
|
||||||
ز ـز ـز ز
|
|
||||||
<br />
|
|
||||||
س ـس ـسـ سـ
|
|
||||||
<br />
|
|
||||||
ش ـش ـشـ شـ
|
|
||||||
<br />
|
|
||||||
ص ـص ـصـ صـ
|
|
||||||
<br />
|
|
||||||
ض ـض ـضـ ضـ
|
|
||||||
<br />
|
|
||||||
ط ـط ـطـ طـ
|
|
||||||
<br />
|
|
||||||
ظ ـظ ـظـ ظـ
|
|
||||||
<br />
|
|
||||||
ع ـع ـعـ عـ
|
|
||||||
<br />
|
|
||||||
غ ـغ ـغـ غـ
|
|
||||||
<br />
|
|
||||||
ف ـف ـفـ فـ
|
|
||||||
<br />
|
|
||||||
ق ـق ـقـ قـ
|
|
||||||
<br />
|
|
||||||
ك ـك ـكـ كـ
|
|
||||||
<br />
|
|
||||||
ل ـل ـلـ لـ
|
|
||||||
<br />
|
|
||||||
م ـم ـمـ مـ
|
|
||||||
<br />
|
|
||||||
ن ـن ـنـ نـ
|
|
||||||
<br />
|
|
||||||
ه ـه ـهـ هـ
|
|
||||||
<br />
|
|
||||||
و ـو ـوـ وـ
|
|
||||||
<br />
|
|
||||||
ي ـي ـيـ يـ
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
|
|
||||||
2. Persian:
|
|
||||||
<br />
|
|
||||||
Four extra letters: پ چ ژ گ
|
|
||||||
<br />
|
|
||||||
ـپ ـپـ پـ
|
|
||||||
<br />
|
|
||||||
ـچ ـچـ پچ
|
|
||||||
<br />
|
|
||||||
ـژ ـژـ ژـ
|
|
||||||
<br />
|
|
||||||
ـگ ـگـ گـ
|
|
||||||
<br />
|
|
||||||
Original Arabic letter ك
|
|
||||||
modified Persian letter ک
|
|
||||||
<br />
|
|
||||||
Original Arabic letter ي
|
|
||||||
modified Persian letter ى<br />
|
|
||||||
<br />
|
|
||||||
همهٔ افراد بشر آزاد به دنیا می‌آیند و از دید حیثیت و حقوق با هم برابرند، همه دارای اندیشه و وجدان هستند و باید در برابر یکدیگر با روح برادری رفتار کنند.
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
|
|
||||||
3. Pashto:
|
|
||||||
<br />
|
|
||||||
<div style=\"font-family: 'XB Zar';\">
|
|
||||||
ا ـا ـاـ اـ
|
|
||||||
ب ـب ـبـ بـ
|
|
||||||
پ ـپ ـپـ پـ
|
|
||||||
ت ـت ـتـ تـ
|
|
||||||
ټ ـټ ـټـ ټـ
|
|
||||||
ث ـث ـثـ ثـ
|
|
||||||
ج ـج ـجـ جـ
|
|
||||||
ځ ـځ ـځـ ځـ
|
|
||||||
چ ـچ ـچـ چـ
|
|
||||||
څ ـڅ ـڅـ څـ
|
|
||||||
ح ـح ـحـ حـ
|
|
||||||
خ ـخ ـخـ خـ
|
|
||||||
|
|
||||||
د ـد ـدـ دـ
|
|
||||||
ډ ـډ ـډـ ډـ
|
|
||||||
ذ ـذ ـذـ ذـ
|
|
||||||
ر ـر ـرـ رـ
|
|
||||||
ړ ـړ ـړـ ړـ
|
|
||||||
ز ـز ـزـ زـ
|
|
||||||
ژ ـژ ـژـ ژـ
|
|
||||||
ږ ـږ ـږـ ږـ
|
|
||||||
س ـس ـسـ سـ
|
|
||||||
ش ـش ـشـ شـ
|
|
||||||
ښ ـښ ـښـ ښـ
|
|
||||||
|
|
||||||
ص ـص ـصـ صـ
|
|
||||||
ض ـض ـضـ ضـ
|
|
||||||
ط ـط ـطـ طـ
|
|
||||||
ظ ـظ ـظـ ظـ
|
|
||||||
ع ـع ـعـ عـ
|
|
||||||
غ ـغ ـغـ غـ
|
|
||||||
ف ـف ـفـ فـ
|
|
||||||
ق ـق ـقـ قـ
|
|
||||||
ک ـک ـکـ کـ
|
|
||||||
ګ ـګ ـګـ ګـ
|
|
||||||
ل ـل ـلـ لـ
|
|
||||||
م ـم ـمـ مـ
|
|
||||||
|
|
||||||
ن ـن ـنـ نـ
|
|
||||||
ڼ ـڼ ـڼـ ڼـ
|
|
||||||
ڼ ـڼ ـڼـ ڼـ
|
|
||||||
ؤ ـؤ ـؤـ ؤـ
|
|
||||||
ه ـه ـهـ هـ
|
|
||||||
ۀ ـۀ ـۀـ ۀـ
|
|
||||||
ی ـی ـیـ یـ
|
|
||||||
ي ـي ـيـ يـ
|
|
||||||
ې ـې ـېـ ېـ
|
|
||||||
ۍ ـۍ ـۍـ ۍـ
|
|
||||||
ئ ـئ ـئـ ئـ
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
4. Urdu:
|
|
||||||
<br />
|
|
||||||
<div style=\"font-family: 'XB Zar';\">
|
|
||||||
ا ـا ـاـ اـ
|
|
||||||
ب ـب ـبـ بـ
|
|
||||||
پ ـپ ـپـ پـ
|
|
||||||
ت ـت ـتـ تـ
|
|
||||||
ٹ ـٹ ـٹـ ٹـ
|
|
||||||
ث ـث ـثـ ثـ
|
|
||||||
ج ـج ـجـ جـ
|
|
||||||
ح ـح ـحـ حـ
|
|
||||||
خ ـخ ـخـ خـ
|
|
||||||
د ـد ـدـ دـ
|
|
||||||
ڈ ـڈ ـڈـ ڈـ
|
|
||||||
ذ ـذ ـذـ ذـ
|
|
||||||
ر ـر ـرـ رـ
|
|
||||||
ڑ ـڑ ـڑـ ڑـ
|
|
||||||
ژ ـژ ـژـ ژـ
|
|
||||||
س ـس ـسـ سـ
|
|
||||||
ش ـش ـشـ شـ
|
|
||||||
ص ـص ـصـ صـ
|
|
||||||
ض ـض ـضـ ضـ
|
|
||||||
ط ـط ـطـ طـ
|
|
||||||
ظ ـظ ـظـ ظـ
|
|
||||||
ع ـع ـعـ عـ
|
|
||||||
غ ـغ ـغـ غـ
|
|
||||||
ف ـف ـفـ فـ
|
|
||||||
ق ـق ـقـ قـ
|
|
||||||
ک ـک ـکـ کـ
|
|
||||||
گ ـگ ـگـ گـ
|
|
||||||
ل ـل ـلـ لـ
|
|
||||||
م ـم ـمـ مـ
|
|
||||||
ن ـن ـنـ نـ
|
|
||||||
و ـو ـوـ وـ
|
|
||||||
ہ ﮩ ﮨ
|
|
||||||
ھ ـھ ـھـ ھـ
|
|
||||||
ء ـء ـءـ ءـ
|
|
||||||
ی ـی ـیـ یـ
|
|
||||||
ے ـے ـےـ ےـ
|
|
||||||
<br />
|
|
||||||
تمام انسان آزاد اور حقوق و عزت کے اعتبار سے برابر پیدا ہوۓ ہیں۔ انہیں ضمیر اور عقل ودیعت ہوئی ہی۔ اسلۓ انہیں ایک دوسرے کے ساتھ بھائی چارے کا سلوک کرنا چاہیۓ۔
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
5. Sindhi:
|
|
||||||
<br />
|
|
||||||
<div style=\"font-family: Arial;\">
|
|
||||||
ڄ ـڄ ـڄـ ڄـ
|
|
||||||
ٺ ـٺ ـٺـ ٺـ
|
|
||||||
ٽ ـٽ ـٽـ ٽـ
|
|
||||||
ٿ ـٿ ـٿـ ٿـ
|
|
||||||
ڀ ـڀ ـڀـ ڀـ
|
|
||||||
ٻ ـٻ ـٻـ ٻـ
|
|
||||||
ڙ ـڙ ـڙـ ڙـ
|
|
||||||
ڍ ـڍ ـڍـ ڍـ
|
|
||||||
ڊ ـڊ ـڊـ ڊـ
|
|
||||||
ڏ ـڏ ـڏـ ڏـ
|
|
||||||
ڌ ـڌ ـڌـ ڌـ
|
|
||||||
ڇ ـڇ ـڇـ ڇـ
|
|
||||||
ڃ ـڃ ـڃـ ڃـ
|
|
||||||
ڦ ـڦ ـڦـ ڦـ
|
|
||||||
ڻ ـڻ ـڻـ ڻـ
|
|
||||||
ڱ ـڱ ـڱـ ڱـ
|
|
||||||
ڳ ـڳ ـڳـ ڳـ
|
|
||||||
ڪ ـڪ ـڪـ ڪـ
|
|
||||||
<br />
|
|
||||||
|
|
||||||
ج ھ ڄ ج پ ث ٺ ٽ ٿ ت ڀ ٻ ب ا
|
|
||||||
ڙ ر ذ ڍ ڊ ڏ ڌ د خ ح ڇ چ ڃ
|
|
||||||
ق ڦ ف غ ع ظ ط ض ص ش س ز ڙھ
|
|
||||||
ي ه و ڻ ن م ل ڱ گھ ڳ گ ک ڪ
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Arabic</h4>
|
|
||||||
<p>\xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4 \xd9\x81\xd9\x8a \xd8\xad\xd8\xaf\xd9\x8a\xd8\xab \xd9\x85\xd8\xaa\xd9\x84\xd9\x81\xd8\xb2<annotation content=\"\xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac\" subject=\"\xd8\xac\xd9\x88\xd8\xb1\xd8\xac\" icon=\"Comment\" color=\"#FE88EF\" author=\"\xd8\xac\xd9\x88\xd8\xb1\xd8\xac\" />
|
|
||||||
\xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xb0\xd9\x83\xd8\xb1\xd9\x89 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa7\xd8\xa8\xd8\xb9\xd8\xa9 \xd9\x84\xd9\x84\xd8\xba\xd8\xb2\xd9\x88 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a \xd9\x84\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xd8\xa7\xd9\x86 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x88\xd9\x84\xd9\x88\xd9\x8a\xd8\xa9 \xd8\xad\xd8\xa7\xd9\x84\xd9\x8a\xd8\xa7 \xd9\x84\xd8\xa7\xd8\xb9\xd8\xa7\xd8\xaf\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd9\x86 \xd9\x84\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82.</p>
|
|
||||||
|
|
||||||
<p>\xd9\x87\xd9\x84 \xd8\xb3\xd8\xaa\xd8\xb3\xd9\x81\xd8\xb1 \xd8\xa7\xd9\x84\xd8\xac\xd9\x87\xd9\x88\xd8\xaf \xd8\xa7\xd9\x84\xd8\xaf\xd8\xa8\xd9\x84\xd9\x88\xd9\x85\xd8\xa7\xd8\xb3\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xac\xd8\xa7\xd8\xb1\xd9\x8a\xd8\xa9 \xd8\xb9\xd9\x86 \xd8\xad\xd9\x84\xd9\x88\xd9\x84\xd8\x9f \xd9\x88\xd9\x83\xd9\x8a\xd9\x81 \xd8\xaa\xd9\x86\xd8\xb8\xd8\xb1 \xd9\x84\xd9\x84\xd8\xa7\xd8\xaa\xd9\x87\xd8\xa7\xd9\x85\xd8\xa7\xd8\xaa \xd9\x84\xd8\xa8\xd8\xb9\xd8\xb6 \xd9\x87\xd8\xb0\xd9\x87 \xd8\xa7\xd9\x84\xd8\xaf\xd9\x88\xd9\x84 \xd8\xa8\xd8\xa7\xd9\x84\xd8\xaa\xd8\xaf\xd8\xae\xd9\x84 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xb4\xd8\xa3\xd9\x86 \xd8\xa7\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82\xd9\x8a\xd8\x8c \xd9\x88\xd8\xa7\xd9\x84\xd8\xaa\xd9\x88\xd8\xb1\xd8\xb7 \xd9\x81\xd9\x8a \xd8\xaf\xd8\xb9\xd9\x85 \xd8\xb9\xd9\x85\xd9\x84\xd9\x8a\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd8\xb9\xd9\x86\xd9\x81\xd8\x9f \xd9\x88\xd8\xa7\xd9\x84\xd9\x89 \xd8\xa7\xd9\x8a \xd9\x85\xd8\xaf\xd9\x89 \xd9\x8a\xd8\xa8\xd8\xaf\xd9\x88 \xd8\xa7\xd9\x84\xd9\x88\xd8\xb6\xd8\xb9 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xd8\xa7\xd9\x86\xd8\xb9\xd9\x83\xd8\xa7\xd8\xb3\xd8\xa7 \xd9\x84\xd9\x84\xd8\xb5\xd8\xb1\xd8\xa7\xd8\xb9\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd8\xa5\xd9\x82\xd9\x84\xd9\x8a\xd9\x85\xd9\x8a\xd8\xa9 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd9\x85\xd9\x86\xd8\xb7\xd9\x82\xd8\xa9\xd8\x9f</p>
|
|
||||||
|
|
||||||
<p>\xd9\x88\xd8\xa7\xd8\xaf\xd8\xa7\xd9\x86 \xd8\xa7\xd9\x84\xd8\xa8\xd9\x8a\xd8\xaa \xd8\xa7\xd9\x84\xd8\xa7\xd8\xa8\xd9\x8a\xd8\xb6 "\xd8\xa8\xd8\xb4\xd8\xaf\xd8\xa9" \xd8\xaa\xd9\x81\xd8\xac\xd9\x8a\xd8\xb1 \xd8\xa7\xd9\x8a\xd9\x84\xd8\xa7\xd8\xaa \xd9\x81\xd9\x8a\xd9\x85\xd8\xa7 \xd8\xa7\xd8\xb9\xd8\xb1\xd8\xa8\xd8\xaa \xd9\x88\xd8\xb2\xd8\xa7\xd8\xb1\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xae\xd8\xa7\xd8\xb1\xd8\xac\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xb1\xd9\x88\xd8\xb3\xd9\x8a\xd8\xa9 \xd8\xb9\xd9\x86 "\xd8\xa7\xd8\xaf\xd8\xa7\xd9\x86\xd8\xaa\xd9\x87\xd8\xa7 \xd8\xa7\xd9\x84\xd8\xb4\xd8\xaf\xd9\x8a\xd8\xaf\xd8\xa9" \xd9\x84\xd9\x84\xd8\xad\xd8\xa7\xd8\xaf\xd8\xab" \xd9\x88\xd8\xa7\xd8\xb5\xd9\x81\xd8\xa9 \xd8\xa7\xd9\x8a\xd8\xa7\xd9\x87 \xd8\xa8\xd9\x80"\xd8\xa7\xd9\x84\xd9\x85\xd8\xaa\xd8\xb7\xd8\xb1\xd9\x81" \xd8\xa7\xd9\x84\xd8\xb0\xd9\x8a \xd8\xa7\xd8\xb3\xd8\xaa\xd9\x87\xd8\xaf\xd9\x81 "\xd9\x85\xd8\xaf\xd9\x86\xd9\x8a\xd9\x8a\xd9\x86 \xd9\x85\xd8\xb3\xd8\xa7\xd9\x84\xd9\x85\xd9\x8a\xd9\x86".</p>
|
|
||||||
|
|
||||||
<p>\xd9\x88\xd8\xa7\xd8\xb6\xd8\xa7\xd9\x81\xd8\xaa \xd9\x88\xd8\xb2\xd8\xa7\xd8\xb1\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xae\xd8\xa7\xd8\xb1\xd8\xac\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xb1\xd9\x88\xd8\xb3\xd9\x8a\xd8\xa9 \xd9\x81\xd9\x8a \xd8\xa8\xd9\x8a\xd8\xa7\xd9\x86\xd9\x87\xd8\xa7: "\xd9\x85\xd9\x86 \xd8\xa7\xd9\x84\xd9\x85\xd8\xa4\xd8\xb3\xd9\x81 \xd8\xa7\xd9\x86 \xd9\x8a\xd8\xa3\xd8\xaa\xd9\x8a \xd9\x87\xd8\xb0\xd8\xa7 \xd8\xa7\xd9\x84\xd8\xad\xd8\xa7\xd8\xaf\xd8\xab \xd8\xa8\xd9\x8a\xd9\x86\xd9\x85\xd8\xa7 \xd8\xaa\xd8\xa8\xd8\xb0\xd9\x84 \xd8\xa7\xd9\x84\xd8\xac\xd9\x87\xd9\x88\xd8\xaf \xd9\x84\xd8\xaa\xd8\xae\xd8\xb7\xd9\x8a \xd8\xa7\xd9\x84\xd8\xa7\xd8\xb2\xd9\x85\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xaf\xd8\xa7\xd8\xae\xd9\x84\xd9\x8a\xd8\xa9".</p>
|
|
||||||
|
|
||||||
<p>\xd9\x88\xd8\xaf\xd8\xb9\xd8\xaa \xd9\x85\xd9\x88\xd8\xb3\xd9\x83\xd9\x88 \xd8\xa7\xd9\x84\xd8\xb3\xd9\x84\xd8\xb7\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x89 "\xd8\xa8\xd8\xb0\xd9\x84 \xd9\x83\xd9\x84 \xd9\x85\xd8\xa7 \xd9\x8a\xd9\x85\xd9\x83\xd9\x86 \xd9\x85\xd9\x86 \xd8\xa7\xd8\xac\xd9\x84 \xd8\xa7\xd8\xad\xd8\xaa\xd9\x88\xd8\xa7\xd8\xa1 \xd9\x85\xd8\xb8\xd8\xa7\xd9\x87\xd8\xb1 \xd8\xa7\xd9\x84\xd8\xaa\xd8\xb7\xd8\xb1\xd9\x81 \xd8\xa7\xd9\x84\xd8\xaa\xd9\x8a \xd9\x84\xd8\xa7 \xd9\x85\xd8\xa8\xd8\xb1\xd8\xb1 \xd9\x84\xd9\x87\xd8\xa7 \xd9\x88\xd8\xa7\xd9\x84\xd8\xaa\xd9\x8a \xd9\x84\xd8\xa7 \xd8\xaa\xd9\x81\xd9\x8a\xd8\xaf \xd9\x85\xd8\xb5\xd8\xa7\xd9\x84\xd8\xad \xd8\xa7\xd9\x84\xd8\xb4\xd8\xb9\xd8\xa8 \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a \xd8\xb9\xd9\x84\xd9\x89 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xaf \xd8\xa7\xd9\x84\xd8\xb7\xd9\x88\xd9\x8a\xd9\x84".</p>
|
|
||||||
|
|
||||||
<p>\xd9\x88\xd8\xaf\xd8\xb9\xd8\xaa \xd9\x85\xd9\x88\xd8\xb3\xd9\x83\xd9\x88 \xd8\xa7\xd9\x84\xd8\xb3\xd9\x84\xd8\xb7\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x89 "\xd8\xa8\xd8\xb0\xd9\x84 \xd9\x83\xd9\x84 \xd9\x85\xd8\xa7 \xd9\x88\xd8\xaf\xd8\xb9\xd8\xaa \xd9\x85\xd9\x88\xd8\xb3\xd9\x83\xd9\x88 \xd8\xa7\xd9\x84\xd8\xb3\xd9\x84\xd8\xb7\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x89 "\xd8\xa8\xd8\xb0\xd9\x84 \xd9\x83\xd9\x84 </p>
|
|
||||||
|
|
||||||
<p>\xd9\x88\xd8\xaf\xd8\xb9\xd8\xaa \xd9\x85\xd9\x88\xd8\xb3\xd9\x83\xd9\x88 \xd8\xa7\xd9\x84\xd8\xb3\xd9\x84\xd8\xb7\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x89 \xd9\x88\xd8\xaf\xd8\xb9\xd8\xaa \xd9\x85\xd9\x88\xd8\xb3\xd9\x83\xd9\x88 \xd8\xa7\xd9\x84\xd8\xb3\xd9\x84\xd8\xb7\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x89 "\xd8\xa8\xd8\xb0\xd9\x84 \xd9\x83\xd9\x84 \xd9\x85\xd8\xa7 \xd9\x8a\xd9\x85\xd9\x83\xd9\x86 \xd9\x85\xd9\x86 \xd8\xa7\xd8\xac\xd9\x84</p>
|
|
||||||
|
|
||||||
|
|
||||||
<p>\xd9\x83\xd9\x85\xd8\xa7 \xd8\xa7\xd8\xaf\xd8\xa7\xd9\x86 \xd8\xa7\xd9\x84\xd9\x81\xd8\xa7\xd8\xb1\xd9\x88 \xd8\xaf\xd9\x8a \xd8\xb3\xd9\x88\xd8\xaa\xd9\x88 \xd9\x85\xd8\xa8\xd8\xb9\xd9\x88\xd8\xab \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd9\x85 \xd8\xa7\xd9\x84\xd9\x85\xd8\xaa\xd8\xad\xd8\xaf\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xae\xd8\xa7\xd8\xb5 \xd8\xa7\xd9\x84\xd9\x89 \xd8\xa7\xd9\x84\xd8\xb4\xd8\xb1\xd9\x82 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x88\xd8\xb3\xd8\xb7 \xd8\xa7\xd9\x84\xd8\xb9\xd9\x85\xd9\x84\xd9\x8a\xd8\xa9 \xd9\x88\xd9\x82\xd8\xa7\xd9\x84 "\xd8\xa7\xd9\x86\xd9\x87 \xd9\x83\xd8\xa7\xd9\x86 \xd9\x87\xd8\xac\xd9\x88\xd9\x85\xd8\xa7 \xd8\xb9\xd9\x84\xd9\x89 \xd8\xa7\xd8\xb4\xd8\xae\xd8\xa7\xd8\xb5 \xd8\xb9\xd8\xa7\xd8\xaf\xd9\x8a\xd9\x8a\xd9\x86 \xd9\x83\xd8\xa7\xd9\x86\xd9\x88\xd8\xa7 \xd9\x8a\xd9\x82\xd9\x88\xd9\x85\xd9\x88\xd9\x86 \xd8\xa8\xd9\x86\xd8\xb4\xd8\xa7\xd8\xb7\xd9\x87\xd9\x85 \xd8\xa7\xd9\x84\xd9\x8a\xd9\x88\xd9\x85\xd9\x8a \xd9\x88\xd9\x87\xd8\xb0\xd8\xa7 \xd8\xa7\xd9\x85\xd8\xb1 \xd9\x84\xd8\xa7 \xd9\x8a\xd9\x85\xd9\x83\xd9\x86 \xd8\xaa\xd8\xa8\xd8\xb1\xd9\x8a\xd8\xb1\xd9\x87".</p>
|
|
||||||
|
|
||||||
<h4>Farsi / Persian (fa)</h4>
|
|
||||||
<p>\xd9\x85\xd8\xad\xd9\x85\xd8\xaf \xd8\xa7\xd9\x84\xd8\xa8\xd8\xb1\xd8\xa7\xd8\xaf\xd8\xb9\xdb\x8c \xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3 \xd8\xa2\xda\x98\xd8\xa7\xd9\x86\xd8\xb3 \xd8\xa8\xd9\x8a\xd9\x86 \xd8\xa7\xd9\x84\xd9\x85\xd9\x84\xd9\x84\xdb\x8c \xd8\xa7\xd9\x86\xd8\xb1\xda\x98\xdb\x8c \xd8\xa7\xd8\xaa\xd9\x85\xdb\x8c \xd9\xbe\xd9\x8a\xd8\xb4\xd9\x86\xd9\x87\xd8\xa7\xd8\xaf \xda\xa9\xd8\xb1\xd8\xaf\xd9\x87 \xd8\xa7\xd8\xb3\xd8\xaa \xd8\xaa\xd9\x87\xd8\xb1\xd8\xa7\xd9\x86 \xd8\xa8\xd8\xb1\xd9\x86\xd8\xa7\xd9\x85\xd9\x87 \xd8\xac\xd9\x86\xd8\xac\xd8\xa7\xd9\x84\xdb\x8c \xd8\xba\xd9\x86\xdb\x8c \xd8\xb3\xd8\xa7\xd8\xb2\xdb\x8c \xd8\xa7\xd9\x88\xd8\xb1\xd8\xa7\xd9\x86\xd9\x8a\xd9\x88\xd9\x85 \xd8\xb1\xd8\xa7 \xd9\x85\xd8\xaa\xd9\x88\xd9\x82\xd9\x81 \xda\xa9\xd9\x86\xd8\xaf \xd9\x88 \xd8\xba\xd8\xb1\xd8\xa8 \xd9\x86\xd9\x8a\xd8\xb2 \xd8\xa7\xd8\xac\xd8\xb1\xd8\xa7\xdb\x8c \xd8\xaa\xd8\xad\xd8\xb1\xd9\x8a\xd9\x85 \xd9\x87\xd8\xa7\xdb\x8c \xd8\xaa\xd9\x86\xd8\xa8\xd9\x8a\xd9\x87\xdb\x8c \xd9\x85\xd9\x88\xd8\xb1\xd8\xaf \xd8\xaa\xd8\xa7\xd8\xa6\xd9\x8a\xd8\xaf \xd8\xb3\xd8\xa7\xd8\xb2\xd9\x85\xd8\xa7\xd9\x86 \xd9\x85\xd9\x84\xd9\x84 \xd9\x85\xd8\xaa\xd8\xad\xd8\xaf \xd8\xb1\xd8\xa7 \xd8\xa8\xd9\x87 \xd8\xaa\xd8\xb9\xd9\x88\xd9\x8a\xd9\x82 \xd8\xa8\xd9\x8a\xd8\xa7\xd9\x86\xd8\xaf\xd8\xa7\xd8\xb2\xd8\xaf.</p>
|
|
||||||
|
|
||||||
<p>\xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4\xd8\x8c \xd8\xaf\xd8\xb1 \xda\x86\xd9\x87\xd8\xa7\xd8\xb1\xd9\x85\xdb\x8c\xd9\x86 \xd8\xb3\xd8\xa7\xd9\x84\xda\xaf\xd8\xb1\xd8\xaf \xd8\xa7\xd8\xb4\xd8\xba\xd8\xa7\xd9\x84 \xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xd9\x85\xdb\x8c \xda\xaf\xd9\x88\xdb\x8c\xd8\xaf \xd8\xa7\xd8\xb3\xd8\xaa\xd8\xb1\xd8\xa7\xd8\xaa\xda\x98\xdb\x8c \xd8\xa7\xd8\xb3\xd8\xaa\xd9\x82\xd8\xb1\xd8\xa7\xd8\xb1 \xd9\x86\xdb\x8c\xd8\xb1\xd9\x88\xd9\x87\xd8\xa7\xdb\x8c \xd8\xa2\xd9\x85\xd8\xb1\xdb\x8c\xda\xa9\xd8\xa7\xdb\x8c\xdb\x8c \xd8\xa8\xdb\x8c\xd8\xb4\xd8\xaa\xd8\xb1\xdb\x8c \xd8\xaf\xd8\xb1 \xd8\xa8\xd8\xba\xd8\xaf\xd8\xa7\xd8\xaf\xd8\x8c \xd9\x85\xd8\xaf\xd8\xaa\xdb\x8c \xd8\xb7\xd9\x88\xd9\x84 \xd8\xae\xd9\x88\xd8\xa7\xd9\x87\xd8\xaf \xda\xa9\xd8\xb4\xdb\x8c\xd8\xaf.</p>
|
|
||||||
|
|
||||||
<p>\xd8\xa2\xd9\x85\xd8\xb1\xdb\x8c\xda\xa9\xd8\xa7 \xd9\x88\xdb\x8c\xd8\xb2\xd8\xa7\xdb\x8c \xd8\xb1\xd8\xa6\xdb\x8c\xd8\xb3 \xd8\xac\xd9\x85\xd9\x87\xd9\x88\xd8\xb1 \xd8\xa7\xdb\x8c\xd8\xb1\xd8\xa7\xd9\x86 \xd8\xb1\xd8\xa7 \xd8\xa8\xd9\x87 \xd9\x85\xd9\x86\xd8\xb8\xd9\x88\xd8\xb1 \xd8\xad\xd8\xb6\xd9\x88\xd8\xb1 \xd9\x88\xdb\x8c \xd8\xaf\xd8\xb1 \xd8\xac\xd9\x84\xd8\xb3\xd9\x87 \xd8\xb1\xd8\xa7\xdb\x8c \xda\xaf\xdb\x8c\xd8\xb1\xdb\x8c \xd8\xb4\xd9\x88\xd8\xb1\xd8\xa7\xdb\x8c \xd8\xa7\xd9\x85\xd9\x86\xdb\x8c\xd8\xaa \xd8\xa8\xd8\xb1\xd8\xa7\xdb\x8c \xd9\x82\xd8\xb7\xd8\xb9\xd9\x86\xd8\xa7\xd9\x85\xd9\x87 \xd8\xaa\xd8\xa7\xd8\xb2\xd9\x87 \xd8\xb9\xd9\x84\xdb\x8c\xd9\x87 \xd8\xa7\xdb\x8c\xd9\x86 \xda\xa9\xd8\xb4\xd9\x88\xd8\xb1 \xd8\xb5\xd8\xa7\xd8\xaf\xd8\xb1 \xda\xa9\xd8\xb1\xd8\xaf.</p>
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Urdu</h4>
|
|
||||||
<p style=\"font-family: 'XB Zar';\">\xd8\xac\xd8\xb3\xd9\xb9\xd8\xb3 \xd8\xa7\xd9\x81\xd8\xaa\xd8\xae\xd8\xa7\xd8\xb1 \xda\xa9\xdb\x8c \xd8\xac\xd8\xa8\xd8\xb1\xdb\x8c \xd8\xb1\xd8\xae\xd8\xb5\xd8\xaa \xd9\xbe\xd8\xb1 \xd9\x84\xd8\xa7\xdb\x81\xd9\x88\xd8\xb1\xdb\x81\xd8\xa7\xd8\xa6\xdb\x8c \xda\xa9\xd9\x88\xd8\xb1\xd9\xb9 \xda\xa9\xdb\x92 \xd8\xa7\xdb\x8c\xda\xa9 \xd8\xa7\xd9\x88\xd8\xb1 \xd8\xb3\xd9\x86\xd8\xaf\xda\xbe \xd9\x85\xdb\x8c\xda\xba \xda\xa9\xd8\xa6\xdb\x8c \xd8\xb3\xd9\x88\xd9\x84 \xd8\xac\xd8\xac \xd9\x85\xd8\xb3\xd8\xaa\xd8\xb9\xd9\x81\xdb\x8c \xdb\x81\xd9\x88\xda\xaf\xd8\xa6\xdb\x92 \xdb\x81\xdb\x8c\xda\xba\xdb\x94</p>
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Pashto (ps)</h4>
|
|
||||||
<p style=\"font-family: 'XB Zar';\">\xd9\xbe\xd9\x87 \xda\xa9\xd8\xa7\xd8\xa8\xd9\x84 \xd8\xa7\xd9\x88 \xda\xa9\xd9\x86\xd8\xaf\xd9\x87\xd8\xa7\xd8\xb1 \xda\xa9\xdb\x90 \xd8\xaf\xd9\x88\xd9\x88 \xda\x81\xd8\xa7\xd9\x86\xd9\x85\xd8\xb1\xda\xaf\xd9\x88 \xd8\xa8\xd8\xb1\xd9\x8a\xd8\xaf\xd9\x88\xd9\x86\xd9\x88 \xd9\x84\xda\x96 \xd8\xaa\xd8\xb1 \xd9\x84\xda\x96\xd9\x87 \xd9\x8a\xd9\x88 \xd9\x85\xd8\xa7\xd8\xb4\xd9\x88\xd9\x85 \xd9\x88\xda\x98\xd9\x84\xd9\x89 \xd8\xa7\xd9\x88 \xd8\xa7\xd8\xaa\xd9\x87 \xd8\xaa\xd9\x86\xd9\x87 \xd9\x86\xd9\x88\xd8\xb1 \xd9\x89\xdb\x90 \xd9\xbc\xd9\xbe\xd9\x8a\xd8\xa7\xd9\x86 \xda\xa9\xda\x93\xd9\x8a.</p>
|
|
||||||
|
|
||||||
";
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF();
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
|
|
||||||
exit;
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
File diff suppressed because one or more lines are too long
@ -1,59 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>Watermarks</h2>
|
|
||||||
<p>P: Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p>
|
|
||||||
|
|
||||||
<hr />
|
|
||||||
|
|
||||||
<div>DIV: Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div>
|
|
||||||
<div>DIV: Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div>
|
|
||||||
|
|
||||||
<blockquote>Blockquote: Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus.</blockquote>
|
|
||||||
|
|
||||||
<address>Address: Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus.</address>
|
|
||||||
|
|
||||||
';
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('c');
|
|
||||||
|
|
||||||
$mpdf->SetDisplayMode('fullpage');
|
|
||||||
|
|
||||||
$mpdf->SetWatermarkText('DRAFT');
|
|
||||||
$mpdf->watermark_font = 'DejaVuSansCondensed';
|
|
||||||
$mpdf->showWatermarkText = true;
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
$mpdf->AddPage();
|
|
||||||
|
|
||||||
$mpdf->SetWatermarkImage('tiger.wmf', 1, '', array(160,10));
|
|
||||||
$mpdf->showWatermarkImage = true;
|
|
||||||
|
|
||||||
$mpdf->WriteHTML('<h2>Using a Watermark as a Header</h2>');
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
$mpdf->AddPage();
|
|
||||||
|
|
||||||
$mpdf->SetWatermarkImage('tiger.wmf', 0.15, 'F');
|
|
||||||
|
|
||||||
$mpdf->WriteHTML('<h2>Using a Watermark Image as Background</h2>');
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,36 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>Annotations</h2>
|
|
||||||
<h5>Heading 5<annotation content="This is an annotation'."\n".'in the middle of the text" subject="My Subject" icon="Comment" color="#FE88EF" author="Ian Back" /></h5>
|
|
||||||
<h6>Heading 6</h6>
|
|
||||||
<p>P: Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. <i>Fusce</i><annotation content="Fusce is a funny word!" subject="Idle Comments" icon="Note" author="Ian Back" pos-x="195" /> eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at <span title="This annotation was automatically defined from the title attribute of a span element">eleifend</span> lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada<annotation file="tiger.jpg" content="This is a file attachment (embedded file)
|
|
||||||
Double-click to open attached file
|
|
||||||
Right-click to save file on your computer" icon="Graph" title="Attached File: tiger.jpg" pos-x="195" /> sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p>
|
|
||||||
|
|
||||||
';
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('c');
|
|
||||||
|
|
||||||
$mpdf->title2annots = true;
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
|
|
||||||
exit;
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,437 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<style>
|
|
||||||
body {font-family: sans-serif;
|
|
||||||
font-size: 9pt;
|
|
||||||
background: transparent url(\'bgbarcode.png\') repeat-y scroll left top;
|
|
||||||
}
|
|
||||||
h5, p { margin: 0pt;
|
|
||||||
}
|
|
||||||
table.items {
|
|
||||||
font-size: 9pt;
|
|
||||||
border-collapse: collapse;
|
|
||||||
border: 3px solid #880000;
|
|
||||||
}
|
|
||||||
td { vertical-align: top;
|
|
||||||
}
|
|
||||||
table thead td { background-color: #EEEEEE;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
table tfoot td { background-color: #AAFFEE;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.barcode {
|
|
||||||
padding: 1.5mm;
|
|
||||||
margin: 0;
|
|
||||||
vertical-align: top;
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
.barcodecell {
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: middle;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<!--mpdf
|
|
||||||
<htmlpagefooter name="myfooter">
|
|
||||||
<div style="border-top: 1px solid #000000; font-size: 9pt; text-align: center; padding-top: 3mm; ">
|
|
||||||
Page {PAGENO} of {nb}
|
|
||||||
</div>
|
|
||||||
</htmlpagefooter>
|
|
||||||
|
|
||||||
<sethtmlpagefooter name="myfooter" value="on" />
|
|
||||||
mpdf-->
|
|
||||||
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>Barcodes</h2>
|
|
||||||
<p>NB <b>Quiet zones</b> - The barcode object includes space to the right/left or top/bottom only when the specification states a \'quiet zone\' or \'light margin\'. All the examples below also have CSS property set on the barcode object i.e. padding: 1.5mm; </p>
|
|
||||||
|
|
||||||
<h3>EAN-13 Barcodes (EAN-2 and EAN-5)</h3>
|
|
||||||
<p>NB EAN-13, UPC-A, UPC-E, and EAN-8 may all include an additional bar code(EAN-2 and EAN-5) to the right of the main bar code (see below).</p>
|
|
||||||
<p>A nominal height and width for these barcodes is defined by the specification. \'size\' will scale both the height and width. Values between 0.8 and 2 are allowed (i.e. 80% to 200% of the nominal size). \'height\' can also be varied as a factor of 1; this is applied after the scaling factor used for \'size\'.</p>
|
|
||||||
<table class="items" width="100%" cellpadding="8" border="1">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<td width="10%">CODE</td>
|
|
||||||
<td>DESCRIPTION</td>
|
|
||||||
<td>BARCODE</td>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<!-- ITEMS HERE -->
|
|
||||||
<tr>
|
|
||||||
<td align="center">EAN13</td>
|
|
||||||
<td>Standard EAN-13 barcode. Accepts 12 or 13 characters (creating checksum digit if required). [0-9] numeric only.</td>
|
|
||||||
<td class="barcodecell"><barcode code="978-0-9542246-0" text="1" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">ISBN</td>
|
|
||||||
<td>Standard EAN-13 barcode with \'ISBN\' number shown above [shown at height="0.66"]</td>
|
|
||||||
<td class="barcodecell"><barcode code="978-0-9542246-0" type="ISBN" class="barcode" height="0.66" text="1" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">ISSN</td>
|
|
||||||
<td>Standard EAN-13 barcode with \'ISSN\' number shown above [shown at size="0.8"]</td>
|
|
||||||
<td class="barcodecell"><barcode code="978-0-9542246-0-8" type="ISSN" size="0.8" class="barcode" text="1" /></td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<h3>EAN-8, UPC-A and UPC-E Barcodes</h3>
|
|
||||||
<p>UPC-A, UPC-E, EAN-13, and EAN-8 may all include an additional bar code(EAN-2 and EAN-5) to the right of the main bar code (see below).</p>
|
|
||||||
<p>A nominal height and width for these barcodes is defined by the specification. \'size\' will scale both the height and width. Values between 0.8 and 2 are allowed (i.e. 80% to 200% of the nominal size). \'height\' can also be varied as a factor of 1; this is applied after the scaling factor used for \'size\'.</p>
|
|
||||||
<table class="items" width="100%" cellpadding="8" border="1">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<td width="10%">CODE</td>
|
|
||||||
<td>DESCRIPTION</td>
|
|
||||||
<td>BARCODE</td>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<!-- ITEMS HERE -->
|
|
||||||
<tr>
|
|
||||||
<td align="center">UPCA</td>
|
|
||||||
<td>UPC-A barcode. This is a subset of the EAN-13. (098277211236) Accepts 11 or 12 characters (creating checksum digit if required). [0-9] numeric only</td>
|
|
||||||
<td class="barcodecell"><barcode code="09827721123" type="UPCA" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">UPCE</td>
|
|
||||||
<td>UPC-E barcode. Requires the UPC-A code to be entered as above (e.g. 042100005264 to give 425261). NB mPDF will die with an error message if the code is not valid, as only some UPC-A codes can be converted into valid UPC-E codes. UPC-E doesn\'t have a check digit encoded explicity, rather the check digit is encoded in the parity of the other six characters. The check digit that is encoded is the check digit from the original UPC-A barcode.</td>
|
|
||||||
<td class="barcodecell"><barcode code="04210000526" type="UPCE" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">EAN8</td>
|
|
||||||
<td>EAN-8. Accepts 7 or 8 characters (creating checksum digit if required). [0-9] numeric only</td>
|
|
||||||
<td class="barcodecell"><barcode code="2468123" type="EAN8" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<h3>EAN-2 and EAN-5 supplements, and combined forms</h3>
|
|
||||||
<p>UPC-A, UPC-E, EAN-13, and EAN-8 may all include an additional bar code(EAN-2 and EAN-5) to the right of the main bar code.</p>
|
|
||||||
<table class="items" width="100%" cellpadding="8" border="1">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<td width="10%">CODE</td>
|
|
||||||
<td>DESCRIPTION</td>
|
|
||||||
<td>BARCODE</td>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<!-- ITEMS HERE -->
|
|
||||||
<tr>
|
|
||||||
<td align="center">EAN2</td>
|
|
||||||
<td colspan="2">EAN-2 supplement barcode. mPDF does not generate EAN-5 barcode on its own; see supplements below. Used to denote an issue of a periodical. EAN-2 supplement accepts 2 digits [0-9] only, EAN-5 five.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">EAN5</td>
|
|
||||||
<td colspan="2">EAN-5 supplement barcode. mPDF does not generate EAN-5 barcode on its own; see supplements below. Usually used in conjunction with EAN-13 for the price of books. 90000 is the code for no price. </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">EAN13P2</td>
|
|
||||||
<td>Standard EAN-13 barcode with 2-digit UPC supplement (07)</td>
|
|
||||||
<td class="barcodecell"><barcode code="978-0-9542246-0 07" type="EAN13P2" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">ISBNP2</td>
|
|
||||||
<td>Standard EAN-13 barcode with \'ISBN\' number shown above, and 2-digit EAN-2 supplement</td>
|
|
||||||
<td class="barcodecell"><barcode code="978-0-9542246-0-8 07" type="ISBNP2" class="barcode" text="1" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">ISSNP2</td>
|
|
||||||
<td>Standard EAN-13 barcode with \'ISSN\' number shown above, and 2-digit EAN-2 supplement</td>
|
|
||||||
<td class="barcodecell"><barcode code="978-0-9542246-0-8 07" type="ISSNP2" class="barcode" text="1" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">UPCAP2</td>
|
|
||||||
<td>UPC-A barcode with 2-digit EAN-2 supplement. This is a subset of the EAN-13. </td>
|
|
||||||
<td class="barcodecell"><barcode code="00633895260 24" type="UPCAP2" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">UPCEP2</td>
|
|
||||||
<td>UPC-E barcode with 2-digit EAN-2 supplement. </td>
|
|
||||||
<td class="barcodecell"><barcode code="042100005264 07" type="UPCEP2" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">EAN8P2</td>
|
|
||||||
<td>EAN-8 barcode with 2-digit EAN-2 supplement</td>
|
|
||||||
<td class="barcodecell"><barcode code="5512345 07" type="EAN8P2" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">EAN13P5</td>
|
|
||||||
<td>Standard EAN-13 barcode with 5-digit UPC supplement (90000)</td>
|
|
||||||
<td class="barcodecell"><barcode code="978-0-9542246-0 90000" type="EAN13P5" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">ISBNP5</td>
|
|
||||||
<td>Standard EAN-13 barcode with \'ISBN\' number shown above, and 5-digit EAN-5 supplement</td>
|
|
||||||
<td class="barcodecell"><barcode code="978-0-9542246-0-8 90000" type="ISBNP5" class="barcode" text="1" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">ISSNP5</td>
|
|
||||||
<td>Standard EAN-13 barcode with \'ISSN\' number shown above, and 5-digit EAN-5 supplement</td>
|
|
||||||
<td class="barcodecell"><barcode code="978-0-9542246-0-8 90000" type="ISSNP5" class="barcode" text="1" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">UPCAP5</td>
|
|
||||||
<td>UPC-A barcode with 5-digit EAN-5 supplement. This is a subset of the EAN-13</td>
|
|
||||||
<td class="barcodecell"><barcode code="07567816412 90000" type="UPCAP5" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">UPCEP5</td>
|
|
||||||
<td>UPC-E barcode with 5-digit EAN-5 supplement. (042100005264 90000)</td>
|
|
||||||
<td class="barcodecell"><barcode code="042100005264 90000" type="UPCEP5" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">EAN8P5</td>
|
|
||||||
<td>EAN-8 barcode with 5-digit EAN-5 supplement (55123457 90000)</td>
|
|
||||||
<td class="barcodecell"><barcode code="55123457 90000" type="EAN8P5" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<h3>Postcode Barcodes</h3>
|
|
||||||
<p>These all have sizes fixed by their specification. Although they can be altered using \'size\' it is not recommended. \'height\' is ignored.</p>
|
|
||||||
<table class="items" width="100%" cellpadding="8" border="1">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<td width="10%">CODE</td>
|
|
||||||
<td>DESCRIPTION</td>
|
|
||||||
<td>BARCODE</td>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<!-- ITEMS HERE -->
|
|
||||||
<tr>
|
|
||||||
<td align="center">IMB</td>
|
|
||||||
<td>Intelligent Mail Barcode - also known as: USPS OneCode 4-State Customer Barcode, OneCode 4CB, USPS 4CB, 4-CB, 4-State Customer Barcode, USPS OneCode Solution Barcode. (01234567094987654321-01234567891) Accepts: Up to 31 digits (required 20-digit Tracking Code, and up to 11-digit Routing Code; this may be 0, 5, 9, or 11 digits). If the Routing code is included, it should be spearated by a hyphen - like this example.</td>
|
|
||||||
<td class="barcodecell"><barcode code="01234567094987654321-01234567891" type="IMB" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">RM4SCC</td>
|
|
||||||
<td>Royal Mail 4-state Customer barcode (SN34RD1A). Accepts: max. 9 characters. Valid characters: [A-Z,0-9] Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="SN34RD1A" type="RM4SCC" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">KIX</td>
|
|
||||||
<td>Dutch KIX version of Royal Mail 4-state Customer barcode (SN34RD1A). Valid characters: [A-Z,0-9]. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="SN34RD1A" type="KIX" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">POSTNET</td>
|
|
||||||
<td>POSTNET barcode. Accepts 5, 9 or 11 digits. Valid characters: [0-9]. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="123456789" type="POSTNET" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">PLANET</td>
|
|
||||||
<td>PLANET barcode. Accepts 11 or 13 digits. Valid characters: [0-9]. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="00123456789" type="PLANET" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
<h3>Variable width Barcodes</h3>
|
|
||||||
<p>These barcodes are all of variable length depending on the code entered. There is no recommended maximum size for any of these specs, but all recommend a minimum X-dimension (width of narrowest bar) as 7.5mil (=0.19mm). The default used here is twice the minimum i.e. X-dim = 0.38mm.</p>
|
|
||||||
<p>The specifications give a minimum height of 15% of the barcode length (which can be variable). The bar height in mPDF is set to a default value of 10mm. </p>
|
|
||||||
<p>\'size\' will scale the barcode in both dimensions. mPDF will accept any number, but bear in mind that size="0.5" will set the bar width to the minimum. The \'height\' attribute further allows scaling - this factor is applied to already scaled barcode. Thus size="2" height="0.5" will give a barcode twice the default width (X-dim=0.76mm) and at the default height set in mPDF i.e. 10mm.</p>
|
|
||||||
<table class="items" width="100%" cellpadding="8" border="1">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<td width="10%">CODE</td>
|
|
||||||
<td>DESCRIPTION</td>
|
|
||||||
<td>BARCODE</td>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td align="center">C128A</td>
|
|
||||||
<td>CODE 128 A. Valid characters: [A-Z uppercase and control chars ASCII 0-31]. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="CODE 128 A" type="C128A" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">C128B</td>
|
|
||||||
<td>CODE 128 B. Valid characters: [Upper / Lower Case + All ASCII Printable Characters]. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="ABC123abc@456" type="C128B" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">C128C</td>
|
|
||||||
<td>CODE 128 C. Valid characters: [0-9]. Must be an even number of digits. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="0123456789" type="C128C" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td align="center">EAN128C [A/B/C]</td>
|
|
||||||
<td>EAN128 (A, B, and C). Specified variant of Code 128, utilising an FNC1 start code. Also known as UCC/EAN-128 or GS1-128. Valid characters: [cf. Code 128]. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="0112345678912343" type="EAN128C" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td align="center">C39</td>
|
|
||||||
<td>CODE 39 - ANSI MH10.8M-1983 - USD-3 - 3 of 9. Valid characters: [0-9 A-Z \'-\' . Space $/+%]</td>
|
|
||||||
<td class="barcodecell"><barcode code="TEC-IT" type="C39" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">C39+</td>
|
|
||||||
<td>CODE 39 + CHECKSUM. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="39OR93" type="C39+" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">C39E</td>
|
|
||||||
<td>CODE 39 EXTENDED. Valid characters: [ASCII-characters between 0..127]</td>
|
|
||||||
<td class="barcodecell"><barcode code="CODE 39 E" type="C39E" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">C39E+</td>
|
|
||||||
<td>CODE 39 EXTENDED + CHECKSUM. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="CODE 39 E+" type="C39E+" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td align="center">S25</td>
|
|
||||||
<td>Standard 2 of 5. Valid characters: [0-9]</td>
|
|
||||||
<td class="barcodecell"><barcode code="54321068" type="S25" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">S25+</td>
|
|
||||||
<td>Standard 2 of 5 + CHECKSUM. Valid characters: [0-9]. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="54321068" type="S25+" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">I25</td>
|
|
||||||
<td>Interleaved 2 of 5. Valid characters: [0-9]</td>
|
|
||||||
<td class="barcodecell"><barcode code="54321068" type="I25" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">I25+</td>
|
|
||||||
<td>Interleaved 2 of 5 + CHECKSUM. Valid characters: [0-9]. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="54321068" type="I25+" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">I25B</td>
|
|
||||||
<td>Interleaved 2 of 5 with bearer bars. Valid characters: [0-9]</td>
|
|
||||||
<td class="barcodecell"><barcode code="1234567" type="I25B" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">I25B+</td>
|
|
||||||
<td>Interleaved 2 of 5 + CHECKSUM with bearer bars. Valid characters: [0-9]. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="1234567" type="I25B+" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td align="center">C93</td>
|
|
||||||
<td>CODE 93 - USS-93 (extended). Valid characters: [ASCII-characters between 0..127]. Checksum digits: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="39OR93" type="C93" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td align="center">MSI</td>
|
|
||||||
<td>MSI. Modified Plessey. Valid characters: [0-9]</td>
|
|
||||||
<td class="barcodecell"><barcode code="01234567897" type="MSI" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">MSI+</td>
|
|
||||||
<td>MSI + CHECKSUM (module 11). Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="0123456789" type="MSI+" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td align="center">CODABAR</td>
|
|
||||||
<td>CODABAR. Valid characters: [0-9 \'-\' $:/.+ ABCD] ABCD are used as stop and start characters e.g. A34698735B</td>
|
|
||||||
<td class="barcodecell"><barcode code="A34698735B" type="CODABAR" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td align="center">CODE11</td>
|
|
||||||
<td>CODE 11. Valid characters: [0-9 and \'-\']. Checksum digits: 1 (or 2 if length of code is > 10 characters) - automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="123-456-789" type="CODE11" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<!-- QR-CODE
|
|
||||||
<h3>2D Code (QR-code)</h3>
|
|
||||||
<p>A nominal height and width for these barcodes is set as 25mm. \'size\' will scale both the height and width.</p>
|
|
||||||
<table class="items" width="100%" cellpadding="8" border="1">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<td width="10%">CODE</td>
|
|
||||||
<td>DESCRIPTION</td>
|
|
||||||
<td>BARCODE</td>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td align="center">QR-code</td>
|
|
||||||
<td>QR-code. Accepts numeric, alphanumeric or binary input, with specified error level: L, M, Q, H.</td>
|
|
||||||
<td class="barcodecell"><barcode code="Your message here" type="QR" class="barcode" size="0.8" error="M" /></td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
-->
|
|
||||||
|
|
||||||
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<h5>Useful links</h5>
|
|
||||||
<p><a href="http://www.adams1.com">http://www.adams1.com</a></p>
|
|
||||||
<p><a href="http://www.tec-it.com/Download/PDF/Barcode_Reference_EN.pdf">http://www.tec-it.com/Download/PDF/Barcode_Reference_EN.pdf</a></p>
|
|
||||||
<p><a href="http://www.tec-it.com/en/support/knowbase/symbologies/barcode-overview/linear/Default.aspx">http://www.tec-it.com/en/support/knowbase/symbologies/barcode-overview/linear/Default.aspx</a></p>
|
|
||||||
<p><a href="http://www.gs1uk.org/downloads/bar_code/Bar%20coding%20getting%20it%20right.pdf">http://www.gs1uk.org/downloads/bar_code/Bar%20coding%20getting%20it%20right.pdf</a></p>
|
|
||||||
<p><a href="http://web.archive.org/web/19990501035133/http://www.uc-council.org/d36-d.htm">http://web.archive.org/web/19990501035133/http://www.uc-council.org/d36-d.htm (EAN2 and EAN5)</a></p>
|
|
||||||
<p><a href="http://www.barcodeisland.com/ean13.phtml">http://www.barcodeisland.com/ean13.phtml (UPC-A)</a></p>
|
|
||||||
<p><a href="http://www.idautomation.com/fonts/postnet/#Specifications">http://www.idautomation.com/fonts/postnet/#Specifications</a></p>
|
|
||||||
<p><a href="http://www.outputlinks.com/sites/AFP/ibm_bcocafaq.pdf">http://www.outputlinks.com/sites/AFP/ibm_bcocafaq.pdf</a></p>
|
|
||||||
<p><a href="https://ribbs.usps.gov/intelligentmail_mailpieces/documents/tech_guides/USPSIMB_Tech_Resource_Guide.pdf">https://ribbs.usps.gov/intelligentmail_mailpieces/documents/tech_guides/USPSIMB_Tech_Resource_Guide.pdf (Intelligent Mail)</a></p>
|
|
||||||
<p><a href="http://www.mailsorttechnical.com/downloads_mailsort_user_guide.cfm">http://www.mailsorttechnical.com/downloads_mailsort_user_guide.cfm</a></p>
|
|
||||||
|
|
||||||
<p><a href="http://www.mailsorttechnical.com/docs/mug_jun_2009/MUG_10_2008_Mailsort_700.pdf">http://www.mailsorttechnical.com/docs/mug_jun_2009/MUG_10_2008_Mailsort_700.pdf</a> page 20</p>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
<div>
|
|
||||||
<h3>Human-readable text</h3>
|
|
||||||
Human-readable text is only produced as part of the barcode object in EAN-13, ISBN, ISSN, EAN-8, UPC-A and UPC-E. Here is an example to add text to a barcode:
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div style="border:1px solid #555555; background-color: #DDDDDD; padding: 1em; font-size:8pt; font-family: lucidaconsole, mono;">
|
|
||||||
|
|
||||||
<div style="position:fixed; right: 50mm; top: 60mm; border: 0.2mm solid #000000; text-align: center; padding: 0.5mm; padding-top: 2mm;"><br />
|
|
||||||
<barcode code="00034698735346987355" type="EAN128C" /><br /><br />
|
|
||||||
<div style="font-family: ocrb;">(00) 0346987 35346987 355</div><br />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div style="position:fixed; right: 50mm; top: 60mm; border: 0.2mm solid #000000; text-align: center; padding: 0.5mm; padding-top: 2mm;">
|
|
||||||
<barcode code="00034698735346987355" type="EAN128C" /><br />
|
|
||||||
<div style="font-family: ocrb;">(00) 0346987 35346987 355</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
';
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('','','','',20,15,25,25,10,10);
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
$mpdf->Output();
|
|
||||||
|
|
||||||
exit;
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,43 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<style>
|
|
||||||
dottab.menu {
|
|
||||||
outdent: 4em;
|
|
||||||
}
|
|
||||||
p.menu {
|
|
||||||
text-align: left;
|
|
||||||
padding-right: 4em;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<h3>Menu</h3>
|
|
||||||
|
|
||||||
<div style="border: 0.2mm solid #000088; padding: 1em;">
|
|
||||||
<p class="menu">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus <dottab class="menu" /> £37.00</p>
|
|
||||||
|
|
||||||
<p class="menu">Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat <dottab class="menu" /> £3700.00</p>
|
|
||||||
|
|
||||||
<p class="menu">Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus <dottab class="menu" /> £27.00</p>
|
|
||||||
|
|
||||||
<p class="menu">Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod <dottab class="menu" /> £7.00</p>
|
|
||||||
|
|
||||||
<p class="menu">Donec et nulla. Sed quis orci <dottab class="menu" /> £1137.00</p>
|
|
||||||
</div>
|
|
||||||
';
|
|
||||||
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF();
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
|
|
||||||
exit;
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,31 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>PDFA Compliance</h2>
|
|
||||||
<p>PDF/A1-b is a file format for the long-term archiving of electronic documents. This is an example of a PDF/A1-b compliant files.</p>
|
|
||||||
';
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF();
|
|
||||||
|
|
||||||
$mpdf->PDFA = true;
|
|
||||||
$mpdf->PDFAauto = true;
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
|
|
||||||
exit;
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF();
|
|
||||||
$mpdf->SetImportUse();
|
|
||||||
|
|
||||||
$mpdf->Thumbnail('sample_orientation2.pdf', 4, 5); // number per row // spacing in mm
|
|
||||||
|
|
||||||
$mpdf->WriteHTML('<pagebreak /><div>Now with rotated pages</div>');
|
|
||||||
|
|
||||||
$mpdf->Thumbnail('sample_orientation3.pdf', 4); // number per row // spacing in mm
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
|
|
||||||
exit;
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,36 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('','','','',15,15,57,16,9,9);
|
|
||||||
$mpdf->SetImportUse();
|
|
||||||
|
|
||||||
$mpdf->SetDisplayMode('fullpage');
|
|
||||||
|
|
||||||
$mpdf->SetCompression(false);
|
|
||||||
|
|
||||||
// Add First page
|
|
||||||
$pagecount = $mpdf->SetSourceFile('sample_basic.pdf');
|
|
||||||
|
|
||||||
$crop_x = 50;
|
|
||||||
$crop_y = 50;
|
|
||||||
$crop_w = 100;
|
|
||||||
$crop_h = 100;
|
|
||||||
|
|
||||||
$tplIdx = $mpdf->ImportPage(2, $crop_x, $crop_y, $crop_w, $crop_h);
|
|
||||||
|
|
||||||
$x = 50;
|
|
||||||
$y = 50;
|
|
||||||
$w = 100;
|
|
||||||
$h = 100;
|
|
||||||
|
|
||||||
$mpdf->UseTemplate($tplIdx, $x, $y, $w, $h);
|
|
||||||
|
|
||||||
$mpdf->Rect($x, $y, $w, $h);
|
|
||||||
|
|
||||||
$mpdf->Output('newpdf.pdf', 'I');
|
|
||||||
|
|
||||||
exit;
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,35 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('','','','',15,15,47,16,9,9);
|
|
||||||
$mpdf->SetImportUse();
|
|
||||||
|
|
||||||
$mpdf->SetDocTemplate('sample_logoheader2.pdf',1); // 1|0 to continue after end of document or not - used on matching page numbers
|
|
||||||
|
|
||||||
//===================================================
|
|
||||||
$mpdf->AddPage();
|
|
||||||
$mpdf->WriteHTML('Hallo World');
|
|
||||||
$mpdf->AddPage();
|
|
||||||
$mpdf->WriteHTML('Hallo World');
|
|
||||||
$mpdf->AddPage();
|
|
||||||
$mpdf->WriteHTML('Hallo World');
|
|
||||||
//===================================================
|
|
||||||
|
|
||||||
$mpdf->RestartDocTemplate();
|
|
||||||
|
|
||||||
//===================================================
|
|
||||||
$mpdf->AddPage();
|
|
||||||
$mpdf->WriteHTML('Hallo World');
|
|
||||||
$mpdf->AddPage();
|
|
||||||
$mpdf->WriteHTML('Hallo World');
|
|
||||||
$mpdf->AddPage();
|
|
||||||
$mpdf->WriteHTML('Hallo World');
|
|
||||||
//===================================================
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
|
|
||||||
exit;
|
|
||||||
|
|
||||||
?>
|
|
||||||
File diff suppressed because one or more lines are too long
@ -1,150 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
// First write all your entries to a PDF file, forcing each entry to fit on one page
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
// Define the maximum containing box width & height for each text box as it will appear on the final page (no padding or margin here)
|
|
||||||
$pw = 80;
|
|
||||||
$ph = 110;
|
|
||||||
$minK = 0.7; // Maximum scaling factor 0.7 = 70%
|
|
||||||
$inc = 0.01; // Increment to change scaling factor 0.05 = 5%
|
|
||||||
$spacing = 10; // millimetres (vertically and horizonatlly between boxes in output) shrinks if boxes too big
|
|
||||||
$border = 3; // millimetres round final boxes (-1 for no border)
|
|
||||||
$align = 'T'; // T(op) or M(iddle) for content of final output boxes
|
|
||||||
|
|
||||||
// Only change the first parameter of the next line e.g. utf-8
|
|
||||||
$mpdf = new mPDF('', array(($pw*(1/$minK)),($ph*(1/$minK))), '','', 0,($pw*(1/$minK))-$pw,0,($ph*(1/$minK))-$ph,0,0);
|
|
||||||
|
|
||||||
$pph = array();
|
|
||||||
|
|
||||||
|
|
||||||
// FOR EACH ENTRY FOR YOUR YEARBOOK saving the page height in $pph (where $html is the HTML code for the entry):
|
|
||||||
// $pph[$i] = SinglePage($html, $pw, $ph, $minK);
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
// .. but we will use this for an example
|
|
||||||
|
|
||||||
$html1 = '
|
|
||||||
<style>
|
|
||||||
div { text-align: justify; }
|
|
||||||
</style>
|
|
||||||
<h2>Joanne Smith 2002-2007</h2><div>This is the normal text in the div: Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque, <img src="tiger.wmf" width="100" style="float: right; margin: 4px; " /> risus at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed,<img src="tiger.jpg" width="100" style="float: left; margin: 4px; " /> nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </div>
|
|
||||||
';
|
|
||||||
|
|
||||||
$html2 = '
|
|
||||||
<style>
|
|
||||||
div { text-align: justify; }
|
|
||||||
</style>
|
|
||||||
<h2>Tim Another 2001-2007</h2><div>This is the normal text in the div: Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque, <img src="tiger.jpg" width="100" style="float: right; margin: 4px; " /> risus at eleifend lacus sapien et risus. Phasellus metus, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. <br />
|
|
||||||
Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </div>
|
|
||||||
';
|
|
||||||
|
|
||||||
for($i=1; $i<=10; $i++) {
|
|
||||||
// $html = $html;
|
|
||||||
if ($i % 3 == 1) { $html = $html2; }
|
|
||||||
else { $html = $html1; }
|
|
||||||
$pph[$i] = SinglePage($html, $pw, $ph, $minK) ; // $pph saves the actual height of each page
|
|
||||||
}
|
|
||||||
//==============================================================
|
|
||||||
// Save the pages to a file
|
|
||||||
$mpdf->Output('test.pdf','F');
|
|
||||||
|
|
||||||
// Now collate those pages using IMPORT - 4 pages to one page
|
|
||||||
|
|
||||||
$mpdf=new mPDF();
|
|
||||||
$mpdf->SetImportUse();
|
|
||||||
$mpdf->SetDisplayMode('fullpage');
|
|
||||||
|
|
||||||
$mpdf->SetHeader('{DATE j-m-Y}|My Yearbook 2005|{PAGENO}');
|
|
||||||
$mpdf->SetFooter('|Printed using mPDF|');
|
|
||||||
|
|
||||||
$pagecount = $mpdf->SetSourceFile('test.pdf');
|
|
||||||
for($i=1; $i<=$pagecount; $i++) {
|
|
||||||
if ($i % 4 == 1) { $mpdf->AddPage(); }
|
|
||||||
$pgheight = $mpdf->h - $mpdf->tMargin - $mpdf->bMargin;
|
|
||||||
$hspacing = min($spacing,($mpdf->pgwidth - $pw*2) );
|
|
||||||
$vspacing = min($spacing,($pgheight - $ph*2) );
|
|
||||||
$x1 = $mpdf->lMargin + ($mpdf->pgwidth/2 - $hspacing/2 - $pw)/2;
|
|
||||||
$x2 = $mpdf->lMargin + $mpdf->pgwidth/2 + $hspacing/2 + ($mpdf->pgwidth/2 - $hspacing/2 - $pw)/2;
|
|
||||||
$y1 = $mpdf->tMargin + ($pgheight /2 - $vspacing/2 - $ph)/2;
|
|
||||||
$y2 = $mpdf->tMargin + $pgheight /2 + $vspacing/2 + ($pgheight /2 - $vspacing/2 - $ph)/2;
|
|
||||||
if ($i % 4 == 1) { $x = $x1; $y = $y1; }
|
|
||||||
else if ($i % 4 == 2) { $x = $x2; $y = $y1; }
|
|
||||||
else if ($i % 4 == 3) { $x = $x1; $y = $y2; }
|
|
||||||
else if ($i % 4 == 0) { $x = $x2; $y = $y2; }
|
|
||||||
$tplIdx = $mpdf->ImportPage($i, 0,0,$pw,$pph[$i]);
|
|
||||||
|
|
||||||
if ($align=='T') { $mpdf->UseTemplate($tplIdx, $x, $y, $pw, $pph[$i]); }
|
|
||||||
else { $mpdf->UseTemplate($tplIdx, $x, ($y + (($ph - $pph[$i])/2)), $pw, $pph[$i]); }
|
|
||||||
|
|
||||||
if ($border >= 0) { $mpdf->Rect($x-$border, $y-$border, $pw+2*$border, $ph+2*$border); }
|
|
||||||
}
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
|
|
||||||
exit;
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
function SinglePage($html, $pw, $ph, $minK=1, $inc=0.1) {
|
|
||||||
// returns height of page
|
|
||||||
global $mpdf;
|
|
||||||
$mpdf->AddPage('','','','','','',($mpdf->w - $pw),'',($mpdf->h - $ph),0,0);
|
|
||||||
$k = 1;
|
|
||||||
|
|
||||||
$currpage = $mpdf->page;
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$newpage = $mpdf->page;
|
|
||||||
while($currpage != $newpage) {
|
|
||||||
for($u=0;$u<=($newpage-$currpage);$u++) {
|
|
||||||
// DELETE PAGE - the added page
|
|
||||||
unset($mpdf->pages[$mpdf->page]);
|
|
||||||
if (isset($mpdf->ktAnnots[$mpdf->page])) { unset( $mpdf->ktAnnots[$mpdf->page] ); }
|
|
||||||
if (isset($mpdf->tbrot_Annots[$mpdf->page])) { unset( $mpdf->tbrot_Annots[$mpdf->page] ); }
|
|
||||||
if (isset($mpdf->kwt_Annots[$mpdf->page])) { unset( $mpdf->kwt_Annots[$mpdf->page] ); }
|
|
||||||
if (isset($mpdf->PageAnnots[$mpdf->page])) { unset( $mpdf->PageAnnots[$mpdf->page] ); }
|
|
||||||
if (isset($mpdf->ktBlock[$mpdf->page])) { unset( $mpdf->ktBlock[$mpdf->page] ); }
|
|
||||||
if (isset($mpdf->PageLinks[$mpdf->page])) { unset( $mpdf->PageLinks[$mpdf->page] ); }
|
|
||||||
if (isset($mpdf->pageoutput[$mpdf->page])) { unset( $mpdf->pageoutput[$mpdf->page] ); }
|
|
||||||
// Go to page before - so can addpage
|
|
||||||
$mpdf->page--;
|
|
||||||
}
|
|
||||||
// mPDF 2.4 Float Images
|
|
||||||
if (count($mpdf->floatbuffer)) {
|
|
||||||
$mpdf->objectbuffer[] = $mpdf->floatbuffer['objattr'];
|
|
||||||
$mpdf->printobjectbuffer(false);
|
|
||||||
$mpdf->objectbuffer = array();
|
|
||||||
$mpdf->floatbuffer = array();
|
|
||||||
$mpdf->float = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
$k += $inc;
|
|
||||||
if ((1/$k) < $minK) { die("Page no. ".$mpdf->page." is too large to fit"); }
|
|
||||||
$w = $pw * $k;
|
|
||||||
$h = $ph * $k;
|
|
||||||
$mpdf->_beginpage('','',($mpdf->w - $w),'',($mpdf->h - $h));
|
|
||||||
$currpage = $mpdf->page;
|
|
||||||
|
|
||||||
$mpdf->_out('2 J');
|
|
||||||
$mpdf->_out(sprintf('%.2f w',0.1*$mpdf->k));
|
|
||||||
$mpdf->SetFont($mpdf->default_font,'',$mpdf->default_font_size ,true,true); // forces write
|
|
||||||
$mpdf->SetDrawColor(0);
|
|
||||||
$mpdf->SetFillColor(255);
|
|
||||||
$mpdf->SetTextColor(0);
|
|
||||||
$mpdf->ColorFlag=false;
|
|
||||||
|
|
||||||
// Start Transformation
|
|
||||||
$mpdf->StartTransform();
|
|
||||||
$mpdf->transformScale((100/$k), (100/$k), 0, 0);
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$newpage = $mpdf->page;
|
|
||||||
|
|
||||||
//Stop Transformation
|
|
||||||
$mpdf->StopTransform();
|
|
||||||
}
|
|
||||||
return ($mpdf->y / $k);
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,41 +0,0 @@
|
|||||||
<?php
|
|
||||||
ini_set("memory_limit","384M");
|
|
||||||
|
|
||||||
// This is because changelog.txt contains over 100000 characters, and preg_* functions in mPDF won't work.
|
|
||||||
ini_set("pcre.backtrack_limit","200000");
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF();
|
|
||||||
|
|
||||||
$mpdf->tabSpaces = 6;
|
|
||||||
|
|
||||||
$mpdf->allow_charset_conversion=true;
|
|
||||||
$mpdf->charset_in='windows-1252';
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>ChangeLog</h2>
|
|
||||||
<div style="border:1px solid #555555; background-color: #DDDDDD; padding: 1em; font-size:8pt; font-family: lucidaconsole, mono;">
|
|
||||||
';
|
|
||||||
$lines = file('../CHANGELOG.txt');
|
|
||||||
|
|
||||||
$html .= '<pre>';
|
|
||||||
foreach($lines AS $line) {
|
|
||||||
$html .= htmlspecialchars($line);
|
|
||||||
}
|
|
||||||
$html .= '</pre>';
|
|
||||||
$html .= '</div>';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,615 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<style>
|
|
||||||
body { font-family: sans; }
|
|
||||||
h4, p { margin: 0pt;
|
|
||||||
}
|
|
||||||
h5 { margin-bottom: 0; }
|
|
||||||
table.items {
|
|
||||||
font-size: 9pt;
|
|
||||||
border-collapse: collapse;
|
|
||||||
border: 3px solid #880000;
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
}
|
|
||||||
td { vertical-align: top;
|
|
||||||
}
|
|
||||||
table thead td { background-color: #EEEEEE;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
table tfoot td { background-color: #AAFFEE;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.barcode {
|
|
||||||
padding: 1.5mm;
|
|
||||||
margin: 0;
|
|
||||||
vertical-align: top;
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
.barcodecell {
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: middle;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
@page {
|
|
||||||
background-gradient: linear #00FFFF #FFFF00 0 0.5 1 0.5;
|
|
||||||
odd-header-name: html_myHTMLHeaderOdd;
|
|
||||||
even-header-name: html_myHTMLHeaderEven;
|
|
||||||
odd-footer-name: html_myHTMLFooterOdd;
|
|
||||||
even-footer-name: html_myHTMLFooterEven;
|
|
||||||
}
|
|
||||||
#myfixed {
|
|
||||||
position: fixed;
|
|
||||||
overflow: auto;
|
|
||||||
height: 60mm;
|
|
||||||
margin-left: auto;
|
|
||||||
right: 30mm;
|
|
||||||
top: 150mm;
|
|
||||||
border: 1px solid #880000;
|
|
||||||
background-color: #EEDDFF;
|
|
||||||
padding: 3em;
|
|
||||||
text-align: justify;
|
|
||||||
text-indent: 3em;
|
|
||||||
font-size: 10pt;
|
|
||||||
font-family:sans;
|
|
||||||
font-style: italic;
|
|
||||||
line-height: 1.8;
|
|
||||||
color: red;
|
|
||||||
}
|
|
||||||
.myfixed2 { position: absolute;
|
|
||||||
overflow: visible;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
width: 100mm;
|
|
||||||
top: 40mm;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
border: 1px solid #000088;
|
|
||||||
background-color: #EEDDFF;
|
|
||||||
background: transparent url(\'bg.jpg\') repeat scroll right top;
|
|
||||||
padding: 1.5em;
|
|
||||||
font-family:sans;
|
|
||||||
}
|
|
||||||
.myfixed3 { position: absolute;
|
|
||||||
overflow: visible;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
border: 1px solid #000088;
|
|
||||||
background-color: #EEDDFF;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
padding: 1.5em;
|
|
||||||
font-family:sans;
|
|
||||||
}
|
|
||||||
.myfixed4 { position: absolute;
|
|
||||||
overflow: auto;
|
|
||||||
left: 150mm;
|
|
||||||
right: 0;
|
|
||||||
top: 100mm;
|
|
||||||
height: 10mm;
|
|
||||||
border: 1px solid #000088;
|
|
||||||
background-color: #EEDDFF;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
padding: 0.5em;
|
|
||||||
font-family:sans;
|
|
||||||
}
|
|
||||||
.myfixed5 { position: absolute;
|
|
||||||
overflow: visible;
|
|
||||||
left: 150mm;
|
|
||||||
right: 0;
|
|
||||||
top: 125mm;
|
|
||||||
height: 10mm;
|
|
||||||
border: 1px solid #000088;
|
|
||||||
background-color: #EEDDFF;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
padding: 0.5em;
|
|
||||||
font-family:sans;
|
|
||||||
}
|
|
||||||
.myfixed6 { position: absolute;
|
|
||||||
overflow: hidden;
|
|
||||||
right: 150mm;
|
|
||||||
left: 0;
|
|
||||||
top: 110mm;
|
|
||||||
height: 10mm;
|
|
||||||
border: 1px solid #000088;
|
|
||||||
background-color: #EEDDFF;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
padding: 0.5em;
|
|
||||||
font-family:sans;
|
|
||||||
}
|
|
||||||
.myfixed7 { position: absolute;
|
|
||||||
right: 140mm;
|
|
||||||
top: 130mm;
|
|
||||||
width: auto;
|
|
||||||
border: 1px solid #000088;
|
|
||||||
background-color: #EEDDFF;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
padding: 0.5em;
|
|
||||||
font-family:sans;
|
|
||||||
}
|
|
||||||
div.indic, div.arabic {
|
|
||||||
font-size: 14pt;
|
|
||||||
}
|
|
||||||
div.indic h5, div.arabic h5 {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
div.indic p, div.arabic p, div.arabic li {
|
|
||||||
margin: 0;
|
|
||||||
margin-botom: 1em;
|
|
||||||
line-height: 1.8;
|
|
||||||
}
|
|
||||||
div.arabic p, div.arabic h5, div.arabic h4, div.arabic td {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
div.arabic td {
|
|
||||||
text-align: right;
|
|
||||||
font-size: 14pt;
|
|
||||||
padding: 1em;
|
|
||||||
}
|
|
||||||
h2 { color: #880000; margin-bottom: 0.2em; }
|
|
||||||
h4 { margin-bottom: 0.2em; }
|
|
||||||
</style>
|
|
||||||
<htmlpageheader name="myHTMLHeaderOdd" style="display:none">
|
|
||||||
<div style="background-color:#BBEEFF" align="center"><b>Page {PAGENO} of {nb}</b></div>
|
|
||||||
</htmlpageheader>
|
|
||||||
<htmlpageheader name="myHTMLHeaderEven" style="display:none">
|
|
||||||
<div style="background-color:#EFFBBE" align="center"><b><i>{PAGENO}</i></b></div>
|
|
||||||
</htmlpageheader>
|
|
||||||
<htmlpagefooter name="myHTMLFooterOdd" style="display:none">
|
|
||||||
<div style="background-color:#CFFFFC" align="center"><b>{PAGENO}</b></div>
|
|
||||||
</htmlpagefooter>
|
|
||||||
<htmlpagefooter name="myHTMLFooterEven" style="display:none">
|
|
||||||
<div style="background-color:#FFCCFF" align="center"><b><i>{PAGENO}</i></b></div>
|
|
||||||
</htmlpagefooter>
|
|
||||||
|
|
||||||
|
|
||||||
<h1>mPDF Version 4.0 New features</h1>
|
|
||||||
<ul><li>Ability to embed font subsets (much smaller files)</li>
|
|
||||||
<li>Support for Fixed position block elements</li>
|
|
||||||
<li>Support for Indic languages including consonant conjuncts</li>
|
|
||||||
<li>Much improved support for Arabic languages</li>
|
|
||||||
<li>New utility to help create your own fonts</li>
|
|
||||||
<li>Increased support for barcodes</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h2>Indic Fonts/Languages</h2>
|
|
||||||
<h5>From BBC World Service Hindi News (http://www.bbc.co.uk/hindi/)</h5>
|
|
||||||
<div class="indic">
|
|
||||||
<h4 lang="hi">कुछ और तथ्य पॉप</h4>
|
|
||||||
<p lang="hi">जैक्सन मामले से जुड़े नए तथ्य सामने आए.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<h5>From BBC World Service Tamil News (http://www.bbc.co.uk/tamil/)</h5>
|
|
||||||
<div class="indic">
|
|
||||||
<h4 lang="ta">செய்தியரங்கம்</h4>
|
|
||||||
<p lang="ta">இலங்கையில் சிறுபான்மைக் கட்சிகளுக்கிடையில் பொது இணக்கப்பாட்டை எட்டும் முயற்சியில் ...</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>From Yahoo Indian- Malayalam (http://in.malayalam.yahoo.com/)</h5>
|
|
||||||
<div class="indic">
|
|
||||||
<h4 lang="ml">പഴശ്ശിരാജ മെഗാഹിറ്റ്; ‘സ്വ.ലേ’ മുന്നേറുന്നു</h4>
|
|
||||||
<p lang="ml">പഴശ്ശിരാജ മലയാള സിനിമയുടെ ചരിത്രത്തിലെ ഏറ്റവും വലിയ വിജയമാകുകയാണ്. 30 ദിവസങ്ങള്‍ പിന്നിട്ടപ്പോള്‍ ചിത്രത്തിന്‍റെ കളക്ഷന്‍ 12 കോടി...</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>From Yahoo Indian- Punjabi (http://in.punjabi.yahoo.com/)</h5>
|
|
||||||
<div class="indic">
|
|
||||||
<h4 lang="pa">ਚਾਂਸ ਪੇ ਡਾਂਸ ਸ਼ਾਹਿਦ ਦੀ ਕਹਾਣੀ</h4>
|
|
||||||
<p lang="pa">ਕੇਨ ਘੋਸ਼ ਦੀ ਫ਼ਿਲਮ ਚਾਂਸ ਪੇ ਡਾਂਸ ਫ਼ਿਲਮ ਵਿੱਚ ਸ਼ਾਹਿਦ ਕਪੂਰ ਮੁੱਖ ਭੂਮਿਕਾ ਵਿੱਚ ਹਨ। ਫ਼ਿਲਮ ਦੇ ਬਾਰੇ ਵਿੱਚ ਕਿਹਾ ਜਾ ਸਕਦਾ ਹੈ ਕਿ ਇਹ ਆਪ ਸ਼ਾਹਿਦ ਦੀ ਕਹਾਣੀ ਹੈ। ਫ਼ਿਲਮ ਦਾ ਨਾਇਕ ਮੱਧਮ ਪਰਿਵਾਰ ਦਾ ਦੱਸਿਆ ਗਿਆ ਹੈ ਅਤੇ ਕਈ...</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>From Yahoo Indian- Gujarati (http://in.gujarati.yahoo.com/)</h5>
|
|
||||||
<div class="indic">
|
|
||||||
<h4 lang="gu">શિલ્પા અને રાજ આજે સાત ફેરા લેશે</h4>
|
|
||||||
<p lang="gu">બોલીવુડ સુંદરી શિલ્પા શેટ્ટી પોતાના મંગેતર ભારતીય મૂળના બ્રિટિશ ઉદ્યોગપતિ રાજ કુંદ્રા સાથે આજે લગ્ન બંધનમાં બંધાય જશે. વિવાહ સમારંભ રાજના મિત્ર કિરણ બાવાના ખંડાલામાં આવેલ ફાર્મ...</p>
|
|
||||||
</div>
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
<h2>Arabic Fonts/Languages</h2>
|
|
||||||
<h5>From BBC World Service Arabic News (http://www.bbc.co.uk/arabic/)</h5>
|
|
||||||
<div class="arabic">
|
|
||||||
<h4 lang="ar">بيع قفاز مايكل جاكسون بـ 350 الف دولار</h4>
|
|
||||||
<p lang="ar">بيع القفاز الجلدي المرصع الذي ارتداه مايكل جاكسون للمرة الاولى عام 1983 خلال اول خطوة من رقصته الشهيرة "السير على القمر (مون ووك)" بسعر 350 الف دولار السبت في نيويورك خلال مزاد لمقتنيات المغني الامريكي الراحل.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5 style="text-align: right;">In alternative fonts (available with mPDF):</h5>
|
|
||||||
<div class="arabic">
|
|
||||||
<table border="1" style="border-collapse: collapse;" width="100%"> <tr> <td>
|
|
||||||
<p style="font-family: ar_1_002">بيع قفاز مايكل جاكسون بـ 350 الف دولار</p>
|
|
||||||
<p style="font-family: ar_1_003">بيع قفاز مايكل جاكسون بـ 350 الف دولار</p>
|
|
||||||
<p style="font-family: ar_1_004">بيع قفاز مايكل جاكسون بـ 350 الف دولار</p>
|
|
||||||
<p style="font-family: ar_1_005">بيع قفاز مايكل جاكسون بـ 350 الف دولار</p>
|
|
||||||
<p style="font-family: ar_1_006">بيع قفاز مايكل جاكسون بـ 350 الف دولار</p>
|
|
||||||
</td><td>
|
|
||||||
<p style="font-family: ar_1_007">بيع قفاز مايكل جاكسون بـ 350 الف دولار</p>
|
|
||||||
<p style="font-family: ar_2_001">بيع قفاز مايكل جاكسون بـ 350 الف دولار</p>
|
|
||||||
<p style="font-family: ar_2_002">بيع قفاز مايكل جاكسون بـ 350 الف دولار</p>
|
|
||||||
<p style="font-family: ar_2_003">بيع قفاز مايكل جاكسون بـ 350 الف دولار</p>
|
|
||||||
<p style="font-family: ar_2_004">بيع قفاز مايكل جاكسون بـ 350 الف دولار</p>
|
|
||||||
</td></tr></table>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h5>From BBC World Service Persian News (http://www.bbc.co.uk/persian/)</h5>
|
|
||||||
<div class="arabic">
|
|
||||||
<h4 lang="fa">\'طبق نظرسنجی دولت انتخابات به دور دوم کشیده می شد\'</h4>
|
|
||||||
<p lang="fa">علیرضا زاکانی نماینده تهران در مجلس گفته که یک روز پیش از برگزاری انتخابات ریاست جمهوری در ایران، نظرسنجی وزارت کشور و وزارت اطلاعات ایران نشان می داد که انتخابات به دور دوم کشیده می شود.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<h5>From BBC World Service Urdu News (http://www.bbc.co.uk/urdu/)</h5>
|
|
||||||
<div class="arabic">
|
|
||||||
<h4 lang="ur">جیکسن کا دستانہ 35 لاکھ ڈالر کا</h4>
|
|
||||||
<p lang="ur">امریکی پاپ سنگر مائیکل جیکسن کا دستانہ جس پر نقلی ہیرے جڑے ہوئے تھے اور جو انھیں پہلی مرتبہ ’مون واک‘ پیش کیئے جانے پر ملا تھا پینتیس لاکھ ڈالر میں نیلام ہو گیا ہے۔</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<h5>From BBC World Service Pashto News (http://www.bbc.co.uk/pashto/)</h5>
|
|
||||||
<div class="arabic">
|
|
||||||
<h4 lang="ps">ستاسي پيغامونه اود خوښى سندرې</h4>
|
|
||||||
<p lang="ps">د موسيقۍ داخپرونې په افغانستان کې داېف اېم په څپود سهار په لسو بجو اوريدلى شى</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
<h2>Fixed-position block elements</h2>
|
|
||||||
mPDF 4.0 supports fixed-position block elements (at least partially). This page has some examples of fixed-position elements.
|
|
||||||
<div id="myfixed">
|
|
||||||
<div style="border: 1px solid #000088; background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; background-color: #DDFFEE; padding: 0.5em;">#1. Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula eros vehicula pretium. Maecenas feugiat pede vel risus. <span title="Nulla is marked by a span">Nulla</span> et lectus. Fusce eleifend neque sit amet erat. Integer <a href="mailto:admin@bpm1.com">consectetuer</a> nulla non orci. Morbi feugiat pulvinar dolor. Cras odio.
|
|
||||||
<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula eros vehicula pretium. Maecenas feugiat pede vel risus. <span title="Nulla is marked by a span">Nulla</span> et lectus. Fusce eleifend neque sit amet erat. Integer <a href="mailto:admin@bpm1.com">consectetuer</a> nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. </p>
|
|
||||||
Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt eros turpis, vel aliquam quam eros odio et sapien.
|
|
||||||
<div style="border: 1px solid #008800; background-color: #EEFFDD; text-align: left; padding: 0.5em;">
|
|
||||||
Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt eros turpis, vel aliquam quam eros odio et sapien.
|
|
||||||
</div>
|
|
||||||
Mauris ante pede, eros auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="myfixed2">#2. Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. <div style="border: 1px dotted green; padding: 1em; background-color: #FFEEFF; color: red">Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo.</div>Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo.</div>
|
|
||||||
|
|
||||||
<div class="myfixed3">#3. Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo.</div>
|
|
||||||
|
|
||||||
<div class="myfixed4">#4. overflow: auto<br />Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi.</div>
|
|
||||||
|
|
||||||
<div class="myfixed5">#5. overflow: visible<br />Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi.</div>
|
|
||||||
|
|
||||||
<div class="myfixed6">#6. overflow: hidden<br />Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi.</div>
|
|
||||||
|
|
||||||
<div class="myfixed7">#7. width: auto<br />Shrink-to-fit</div>
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
<h2>Barcodes</h2>
|
|
||||||
<p>NB <b>Quiet zones</b> - The barcode object includes space to the right/left or top/bottom only when the specification states a \'quiet zone\' or \'light margin\'. All the examples below also have CSS property set on the barcode object i.e. padding: 1.5mm; </p>
|
|
||||||
|
|
||||||
<h3>EAN-13 Barcodes (EAN-2 and EAN-5)</h3>
|
|
||||||
<p>NB EAN-13, UPC-A, UPC-E, and EAN-8 may all include an additional bar code(EAN-2 and EAN-5) to the right of the main bar code (see below).</p>
|
|
||||||
<p>A nominal height and width for these barcodes is defined by the specification. \'size\' will scale both the height and width. Values between 0.8 and 2 are allowed (i.e. 80% to 200% of the nominal size). \'height\' can also be varied as a factor of 1; this is applied after the scaling factor used for \'size\'.</p>
|
|
||||||
<table class="items" width="100%" cellpadding="8" border="1">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<td width="10%">CODE</td>
|
|
||||||
<td>DESCRIPTION</td>
|
|
||||||
<td>BARCODE</td>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<!-- ITEMS HERE -->
|
|
||||||
<tr>
|
|
||||||
<td align="center">EAN13</td>
|
|
||||||
<td>Standard EAN-13 barcode. Accepts 12 or 13 characters (creating checksum digit if required). [0-9] numeric only.</td>
|
|
||||||
<td class="barcodecell"><barcode code="978-0-9542246-0" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">ISBN</td>
|
|
||||||
<td>Standard EAN-13 barcode with \'ISBN\' number shown above [shown at height="0.66"]</td>
|
|
||||||
<td class="barcodecell"><barcode code="978-0-9542246-0" type="ISBN" class="barcode" height="0.66" text="1" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">ISSN</td>
|
|
||||||
<td>Standard EAN-13 barcode with \'ISSN\' number shown above [shown at size="0.8"]</td>
|
|
||||||
<td class="barcodecell"><barcode code="978-0-9542246-0-8" type="ISSN" size="0.8" class="barcode" text="1" /></td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<h3>EAN-8, UPC-A and UPC-E Barcodes</h3>
|
|
||||||
<p>UPC-A, UPC-E, EAN-13, and EAN-8 may all include an additional bar code(EAN-2 and EAN-5) to the right of the main bar code (see below).</p>
|
|
||||||
<p>A nominal height and width for these barcodes is defined by the specification. \'size\' will scale both the height and width. Values between 0.8 and 2 are allowed (i.e. 80% to 200% of the nominal size). \'height\' can also be varied as a factor of 1; this is applied after the scaling factor used for \'size\'.</p>
|
|
||||||
<table class="items" width="100%" cellpadding="8" border="1">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<td width="10%">CODE</td>
|
|
||||||
<td>DESCRIPTION</td>
|
|
||||||
<td>BARCODE</td>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<!-- ITEMS HERE -->
|
|
||||||
<tr>
|
|
||||||
<td align="center">UPCA</td>
|
|
||||||
<td>UPC-A barcode. This is a subset of the EAN-13. (098277211236) Accepts 11 or 12 characters (creating checksum digit if required). [0-9] numeric only</td>
|
|
||||||
<td class="barcodecell"><barcode code="09827721123" type="UPCA" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">UPCE</td>
|
|
||||||
<td>UPC-E barcode. Requires the UPC-A code to be entered as above (e.g. 042100005264 to give 425261). NB mPDF will die with an error message if the code is not valid, as only some UPC-A codes can be converted into valid UPC-E codes. UPC-E doesn\'t have a check digit encoded explicity, rather the check digit is encoded in the parity of the other six characters. The check digit that is encoded is the check digit from the original UPC-A barcode.</td>
|
|
||||||
<td class="barcodecell"><barcode code="04210000526" type="UPCE" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">EAN8</td>
|
|
||||||
<td>EAN-8 (5512345) Accepts 7 or 8 characters (creating checksum digit if required). [0-9] numeric only</td>
|
|
||||||
<td class="barcodecell"><barcode code="2468123" type="EAN8" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<h3>EAN-2 and EAN-5 supplements, and combined forms</h3>
|
|
||||||
<p>UPC-A, UPC-E, EAN-13, and EAN-8 may all include an additional bar code(EAN-2 and EAN-5) to the right of the main bar code.</p>
|
|
||||||
<table class="items" width="100%" cellpadding="8" border="1">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<td width="10%">CODE</td>
|
|
||||||
<td>DESCRIPTION</td>
|
|
||||||
<td>BARCODE</td>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<!-- ITEMS HERE -->
|
|
||||||
<tr>
|
|
||||||
<td align="center">EAN2</td>
|
|
||||||
<td colspan="2">EAN-2 supplement barcode. mPDF does not generate EAN-5 barcode on its own; see supplements below. Used to denote an issue of a periodical. EAN-2 supplement accepts 2 digits [0-9] only, EAN-5 five.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">EAN5</td>
|
|
||||||
<td colspan="2">EAN-5 supplement barcode. mPDF does not generate EAN-5 barcode on its own; see supplements below. Usually used in conjunction with EAN-13 for the price of books. 90000 is the code for no price. </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">EAN13P2</td>
|
|
||||||
<td>Standard EAN-13 barcode with 2-digit UPC supplement (07)</td>
|
|
||||||
<td class="barcodecell"><barcode code="978-0-9542246-0-8 07" type="EAN13P2" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">ISBNP2</td>
|
|
||||||
<td>Standard EAN-13 barcode with \'ISBN\' number shown above, and 2-digit EAN-2 supplement</td>
|
|
||||||
<td class="barcodecell"><barcode code="978-0-9542246-0-8 07" type="ISBNP2" class="barcode" text="1" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">ISSNP2</td>
|
|
||||||
<td>Standard EAN-13 barcode with \'ISSN\' number shown above, and 2-digit EAN-2 supplement</td>
|
|
||||||
<td class="barcodecell"><barcode code="978-0-9542246-0-8 07" type="ISSNP2" class="barcode" text="1" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">UPCAP2</td>
|
|
||||||
<td>UPC-A barcode with 2-digit EAN-2 supplement. This is a subset of the EAN-13. (075678164125 07)</td>
|
|
||||||
<td class="barcodecell"><barcode code="00633895260 24" type="UPCAP2" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">UPCEP2</td>
|
|
||||||
<td>UPC-E barcode with 2-digit EAN-2 supplement. (042100005264 07)</td>
|
|
||||||
<td class="barcodecell"><barcode code="042100005264 07" type="UPCEP2" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">EAN8P2</td>
|
|
||||||
<td>EAN-8 barcode with 2-digit EAN-2 supplement (55123457 07)</td>
|
|
||||||
<td class="barcodecell"><barcode code="55123457 07" type="EAN8P2" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">EAN13P5</td>
|
|
||||||
<td>Standard EAN-13 barcode with 5-digit UPC supplement (90000)</td>
|
|
||||||
<td class="barcodecell"><barcode code="978-0-9542246-0-8 90000" type="EAN13P5" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">ISBNP5</td>
|
|
||||||
<td>Standard EAN-13 barcode with \'ISBN\' number shown above, and 5-digit EAN-5 supplement</td>
|
|
||||||
<td class="barcodecell"><barcode code="978-0-9542246-0-8 90000" type="ISBNP5" class="barcode" text="1" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">ISSNP5</td>
|
|
||||||
<td>Standard EAN-13 barcode with \'ISSN\' number shown above, and 5-digit EAN-5 supplement</td>
|
|
||||||
<td class="barcodecell"><barcode code="978-0-9542246-0-8 90000" type="ISSNP5" class="barcode" text="1" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">UPCAP5</td>
|
|
||||||
<td>UPC-A barcode with 5-digit EAN-5 supplement. This is a subset of the EAN-13. (075678164125 90000)</td>
|
|
||||||
<td class="barcodecell"><barcode code="075678164125 90000" type="UPCAP5" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">UPCEP5</td>
|
|
||||||
<td>UPC-E barcode with 5-digit EAN-5 supplement. (042100005264 90000)</td>
|
|
||||||
<td class="barcodecell"><barcode code="042100005264 90000" type="UPCEP5" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">EAN8P5</td>
|
|
||||||
<td>EAN-8 barcode with 5-digit EAN-5 supplement (55123457 90000)</td>
|
|
||||||
<td class="barcodecell"><barcode code="55123457 90000" type="EAN8P5" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
<h3>Postcode Barcodes</h3>
|
|
||||||
<p>These all have sizes fixed by their specification. Although they can be altered using \'size\' it is not recommended. \'height\' is ignored.</p>
|
|
||||||
<table class="items" width="100%" cellpadding="8" border="1">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<td width="10%">CODE</td>
|
|
||||||
<td>DESCRIPTION</td>
|
|
||||||
<td>BARCODE</td>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<!-- ITEMS HERE -->
|
|
||||||
<tr>
|
|
||||||
<td align="center">IMB</td>
|
|
||||||
<td>Intelligent Mail Barcode - also known as: USPS OneCode 4-State Customer Barcode, OneCode 4CB, USPS 4CB, 4-CB, 4-State Customer Barcode, USPS OneCode Solution Barcode. (01234567094987654321-01234567891) Accepts: Up to 31 digits (required 20-digit Tracking Code, and up to 11-digit Routing Code; this may be 0, 5, 9, or 11 digits). If the Routing code is included, it should be spearated by a hyphen - like this example.</td>
|
|
||||||
<td class="barcodecell"><barcode code="01234567094987654321-01234567891" type="IMB" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">RM4SCC</td>
|
|
||||||
<td>Royal Mail 4-state Customer barcode (SN34RD1A). Accepts: max. 9 characters. Valid characters: [A-Z,0-9] Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="SN34RD1A" type="RM4SCC" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">KIX</td>
|
|
||||||
<td>Dutch KIX version of Royal Mail 4-state Customer barcode (SN34RD1A). Valid characters: [A-Z,0-9]. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="SN34RD1A" type="KIX" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">POSTNET</td>
|
|
||||||
<td>POSTNET barcode. Accepts 5, 9 or 11 digits. Valid characters: [0-9]. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="123456789" type="POSTNET" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">PLANET</td>
|
|
||||||
<td>PLANET barcode. Accepts 11 or 13 digits. Valid characters: [0-9]. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="00123456789" type="PLANET" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
<h3>Variable width Barcodes</h3>
|
|
||||||
<p>These barcodes are all of variable length depending on the code entered. There is no recommended maximum size for any of these specs, but all recommend a minimum X-dimension (width of narrowest bar) as 7.5mil (=0.19mm). The default used here is twice the minimum i.e. X-dim = 0.38mm.</p>
|
|
||||||
<p>The specifications give a minimum height of 15% of the barcode length (which can be variable). The bar height in mPDF is set to a default value of 10mm. </p>
|
|
||||||
<p>\'size\' will scale the barcode in both dimensions. mPDF will accept any number, but bear in mind that size="0.5" will set the bar width to the minimum. The \'height\' attribute further allows scaling - this factor is applied to already scaled barcode. Thus size="2" height="0.5" will give a barcode twice the default width (X-dim=0.76mm) and at the default height set in mPDF i.e. 10mm.</p>
|
|
||||||
<table class="items" width="100%" cellpadding="8" border="1">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<td width="10%">CODE</td>
|
|
||||||
<td>DESCRIPTION</td>
|
|
||||||
<td>BARCODE</td>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td align="center">C128A</td>
|
|
||||||
<td>CODE 128 A. Valid characters: [A-Z uppercase and control chars ASCII 0-31]. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="CODE 128 A" type="C128A" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">C128B</td>
|
|
||||||
<td>CODE 128 B. Valid characters: [Upper / Lower Case + All ASCII Printable Characters]. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="ABC123abc@456" type="C128B" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">C128C</td>
|
|
||||||
<td>CODE 128 C. Valid characters: [0-9]. Must be an even number of digits. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="0123456789" type="C128C" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td align="center">EAN128C [A/B/C]</td>
|
|
||||||
<td>EAN128 (A, B, and C). Specified variant of Code 128, utilising an FNC1 start code. Also known as UCC/EAN-128 or GS1-128. Valid characters: [cf. Code 128]. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="0112345678912343" type="EAN128C" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td align="center">C39</td>
|
|
||||||
<td>CODE 39 - ANSI MH10.8M-1983 - USD-3 - 3 of 9. Valid characters: [0-9 A-Z \'-\' . Space $/+%]</td>
|
|
||||||
<td class="barcodecell"><barcode code="TEC-IT" type="C39" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">C39+</td>
|
|
||||||
<td>CODE 39 + CHECKSUM. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="39OR93" type="C39+" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">C39E</td>
|
|
||||||
<td>CODE 39 EXTENDED. Valid characters: [ASCII-characters between 0..127]</td>
|
|
||||||
<td class="barcodecell"><barcode code="CODE 39 E" type="C39E" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">C39E+</td>
|
|
||||||
<td>CODE 39 EXTENDED + CHECKSUM. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="CODE 39 E+" type="C39E+" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td align="center">S25</td>
|
|
||||||
<td>Standard 2 of 5. Valid characters: [0-9]</td>
|
|
||||||
<td class="barcodecell"><barcode code="54321068" type="S25" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">S25+</td>
|
|
||||||
<td>Standard 2 of 5 + CHECKSUM. Valid characters: [0-9]. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="54321068" type="S25+" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">I25</td>
|
|
||||||
<td>Interleaved 2 of 5. Valid characters: [0-9]</td>
|
|
||||||
<td class="barcodecell"><barcode code="54321068" type="I25" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">I25+</td>
|
|
||||||
<td>Interleaved 2 of 5 + CHECKSUM. Valid characters: [0-9]. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="54321068" type="I25+" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">I25B</td>
|
|
||||||
<td>Interleaved 2 of 5 with bearer bars. Valid characters: [0-9]</td>
|
|
||||||
<td class="barcodecell"><barcode code="1234567" type="I25B" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">I25B+</td>
|
|
||||||
<td>Interleaved 2 of 5 + CHECKSUM with bearer bars. Valid characters: [0-9]. Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="1234567" type="I25B+" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td align="center">C93</td>
|
|
||||||
<td>CODE 93 - USS-93 (extended). Valid characters: [ASCII-characters between 0..127]. Checksum digits: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="39OR93" type="C93" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td align="center">MSI</td>
|
|
||||||
<td>MSI. Modified Plessey. Valid characters: [0-9]</td>
|
|
||||||
<td class="barcodecell"><barcode code="01234567897" type="MSI" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">MSI+</td>
|
|
||||||
<td>MSI + CHECKSUM (module 11). Checksum digit: automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="0123456789" type="MSI+" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td align="center">CODABAR</td>
|
|
||||||
<td>CODABAR. Valid characters: [0-9 \'-\' $:/.+ ABCD] ABCD are used as stop and start characters e.g. A34698735B</td>
|
|
||||||
<td class="barcodecell"><barcode code="A34698735B" type="CODABAR" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td align="center">CODE11</td>
|
|
||||||
<td>CODE 11. Valid characters: [0-9 and \'-\']. Checksum digits: 1 (or 2 if length of code is > 10 characters) - automatic.</td>
|
|
||||||
<td class="barcodecell"><barcode code="123-456-789" type="CODE11" class="barcode" /></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
';
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('s');
|
|
||||||
|
|
||||||
$mpdf->SetDisplayMode('fullpage');
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
|
|
||||||
exit;
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,36 +0,0 @@
|
|||||||
<html>
|
|
||||||
<head>
|
|
||||||
<style>
|
|
||||||
body { font-family: Arial, Helvetica, sans-serif; }
|
|
||||||
.gradient {
|
|
||||||
border:0.1mm solid #220044;
|
|
||||||
background-color: #f0f2ff;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h4>Line-height & vertical alignment</h4>
|
|
||||||
<div>In these examples, top and bottom padding are set to 0, so the block height = line height.</div>
|
|
||||||
<div>The inline text (set to a larger font-size) inherits the line-height as a factor of the largest font-size i.e. the line height will expand to reflect the largest font on the line.<br />
|
|
||||||
Line-height: "normal" (set in mPDF by default as 1.33).</div>
|
|
||||||
<p class="gradient" style="font-size: 10pt; line-height: normal; padding: 0 0.3em;">Normal text <span style="font-size: 16pt;">16pt font-size Â</span> and normal again</p>
|
|
||||||
|
|
||||||
<div>Line-height: 2.0 When using relative line-heights, the text is aligned vertically so that the centre-line of the line goes throught the middle of the largest font.</div>
|
|
||||||
<p class="gradient" style="font-size: 10pt; line-height: 2.0; padding: 0 0.3em;">Normal text <span style="font-size: 16pt;">16pt font-size Â</span> and normal again</p>
|
|
||||||
|
|
||||||
<div>Line-heights set as a percentages are computed on the base font-size, and are then inherited and treated the same as absolute lengths. This is also true for "em" values. The line-height of this line is set as 200% of the paragraph font-size (10pt).<br />
|
|
||||||
When using absolute line-heights, the text is aligned vertically so that the centre-line of the line goes throught the middle of the base font.<br />
|
|
||||||
This means that as far as possible, multiple lines will remain equally spaced<br />
|
|
||||||
Line-height: 200% </div>
|
|
||||||
<p class="gradient" style="font-size: 10pt; line-height: 200%; padding: 0 0.3em;">Normal text <span style="font-size: 16pt;">16pt font-size Â</span> and normal again</p>
|
|
||||||
|
|
||||||
<div>If the line includes a font-size greater than 1.6 times the computed line-height, then the text baseline is dropped so that the text will approximately fit within the line-height.
|
|
||||||
<br />Line-height: 2em</div>
|
|
||||||
<p class="gradient" style="font-size: 10pt; line-height: 2em; padding: 0 0.3em;">Normal text <span style="font-size: 18pt;">18pt font-size Â</span> and normal again</p>
|
|
||||||
|
|
||||||
<div>If the line includes a font-size greater than 2 times the computed line-height, then the line-height is increased to accommodate the larger fontsize.<br />
|
|
||||||
Line-height: 2em</div>
|
|
||||||
<p class="gradient" style="font-size: 10pt; line-height: 2em; padding: 0 0.3em;">Normal text <span style="font-size: 24pt;">24pt font-size Â</span> and normal again</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,492 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
ini_set("memory_limit","256M");
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
font-family: sans-serif;
|
|
||||||
}
|
|
||||||
@page {
|
|
||||||
margin-top: 2.0cm;
|
|
||||||
margin-bottom: 2.0cm;
|
|
||||||
margin-left: 2.3cm;
|
|
||||||
margin-right: 1.7cm;
|
|
||||||
margin-header: 8mm;
|
|
||||||
margin-footer: 8mm;
|
|
||||||
footer: html_myHTMLFooter;
|
|
||||||
background-color:#ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
@page :first {
|
|
||||||
margin-top: 6.5cm;
|
|
||||||
margin-bottom: 2cm;
|
|
||||||
header: html_myHTMLHeader;
|
|
||||||
footer: _blank;
|
|
||||||
resetpagenum: 1;
|
|
||||||
background-gradient: linear #FFFFFF #FFFF44 0 0.5 1 0.5;
|
|
||||||
background: #ccffff url(bgbarcode.png) repeat-y fixed left top;
|
|
||||||
}
|
|
||||||
@page letterhead {
|
|
||||||
margin-top: 2.0cm;
|
|
||||||
margin-bottom: 2.0cm;
|
|
||||||
margin-left: 2.3cm;
|
|
||||||
margin-right: 1.7cm;
|
|
||||||
margin-header: 8mm;
|
|
||||||
margin-footer: 8mm;
|
|
||||||
footer: html_myHTMLFooter;
|
|
||||||
background-color:#ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
@page letterhead :first {
|
|
||||||
margin-top: 6.5cm;
|
|
||||||
margin-bottom: 2cm;
|
|
||||||
header: html_myHTMLHeader;
|
|
||||||
footer: _blank;
|
|
||||||
resetpagenum: 1;
|
|
||||||
}
|
|
||||||
.gradient {
|
|
||||||
border:0.1mm solid #220044;
|
|
||||||
background-color: #f0f2ff;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
}
|
|
||||||
.rounded {
|
|
||||||
border:0.1mm solid #220044;
|
|
||||||
background-color: #f0f2ff;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
border-radius: 2mm;
|
|
||||||
background-clip: border-box;
|
|
||||||
}
|
|
||||||
h4 {
|
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 1em;
|
|
||||||
margin-bottom: 0.3em;
|
|
||||||
}
|
|
||||||
div.text {
|
|
||||||
padding:1em;
|
|
||||||
margin-bottom: 0.25em;
|
|
||||||
text-align:justify;
|
|
||||||
}
|
|
||||||
div.artificial {
|
|
||||||
font-family: arialuni; /* custom font using MS Arial Unicode */
|
|
||||||
}
|
|
||||||
p { margin-top: 0; }
|
|
||||||
.code {
|
|
||||||
font-family: mono;
|
|
||||||
font-size: 9pt;
|
|
||||||
background-color: #d5d5d5;
|
|
||||||
margin: 1em 1cm;
|
|
||||||
padding: 0 0.3cm;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<!--mpdf
|
|
||||||
|
|
||||||
<htmlpageheader name="myHTMLHeader">
|
|
||||||
<div style="float:right; width: 90; height: 90; text-align: right; vertical-align: bottom; border: 1mm double #000088"><img src="tiger.png" width="90" /></div>
|
|
||||||
|
|
||||||
<div style="color:#0000BB;"><span style="font-weight: bold; font-size: 14pt;">mPDF Version 4.2</span><br />123 Anystreet<br />Your City<br />GD12 4LP<br /><span style="font-size: 15pt;">☎</span> 01777 123 567
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div style="clear: both; margin-top: 1cm; text-align: right;">{DATE jS F Y}</div>
|
|
||||||
|
|
||||||
</htmlpageheader>
|
|
||||||
|
|
||||||
<htmlpagefooter name="myHTMLFooter">
|
|
||||||
<table width="100%" style="border-top: 0.1mm solid #000000; vertical-align: top; font-size: 9pt; color: #000055;"><tr>
|
|
||||||
<td width="25%"></td>
|
|
||||||
<td width="50%" align="center">See <a href="http://mpdf1.com/manual/index.php">documentation manual</a> for further details</td>
|
|
||||||
<td width="25%" align="right">Page {PAGENO} of {nbpg} pages</td>
|
|
||||||
</tr></table>
|
|
||||||
</htmlpagefooter>
|
|
||||||
|
|
||||||
mpdf-->
|
|
||||||
|
|
||||||
<h2>mPDF Version 4.2</h2>
|
|
||||||
<h2>New Features</h2>
|
|
||||||
|
|
||||||
<div class="gradient text">
|
|
||||||
<ul>
|
|
||||||
<li>image handling improved</li>
|
|
||||||
<li>table layout - additional control over resizing</li>
|
|
||||||
<li>vertical-alignment of images - better support for all CSS types</li>
|
|
||||||
<li>top and bottom margins collapse between block elements</li>
|
|
||||||
<li>improved support for CSS line-height</li>
|
|
||||||
<li>display progress bar whilst generating file</li>
|
|
||||||
<li>CSS @page selector can be specified when adding a pagebreak</li>
|
|
||||||
<li>CSS @page selector allows different margins, backgrounds, headers/footers on :first :left and :right pages</li>
|
|
||||||
<li>PNG images with alpha channel fully supported</li>
|
|
||||||
<li>ability to generate italic and bold font variants from base font file</li>
|
|
||||||
<li>CJK fonts to embed as subsets</li>
|
|
||||||
<li>"double" border on block elements</li>
|
|
||||||
<li>character substitution for missing characters in UTF-8 fonts</li>
|
|
||||||
<li>direct passing of dynamically produced image data</li>
|
|
||||||
<li>background-gradient and background-image can now co-exist </li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
Note: automatic top- and bottom-margin to accomodate varying header/footer size was introduced in v4.0 but was not highlighted cf. AutoHeaderMargin in the Manual.
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<div class="gradient text">
|
|
||||||
<h4>Page backgrounds</h4>
|
|
||||||
Background images, gradients and/or colours can be used together on the same page. On this page, the bars on the left hand side are created using a background-image, whilst a background-gradient sets the background to the whole page.
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<div class="gradient text" style="background-color: #d9def0; border-style: double; border-color:#444444; border-width:1mm;">
|
|
||||||
<h4>CSS "double" border</h4>
|
|
||||||
Block elements can now use the CSS property: border(style) = double. See also the tiger logo in the header of this page.
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<div class="gradient text">
|
|
||||||
<h4>CJK fonts to embed as subsets</h4>
|
|
||||||
When writing documents with Chinese, Japanese or Korean characters, mPDF has previously required the end-user to download Adobe\'s free CJK font pack.
|
|
||||||
The ability to embed font subsets now makes it feasible to use open license CJK fonts. 2 fonts are now available to download as an additional font-pack:
|
|
||||||
<ul>
|
|
||||||
<li>zn_hannom_a - contains all characters in the SJIS, BIG-5, and GBK codepages; original file was Han Nom A font (Hi-res version) from http://vietunicode.sourceforge.net/fonts/fonts_hannom.html</li>
|
|
||||||
<li>unbatang_0613 - contains all the (Korean) characters in the UHC codepage; original file from from http://kldp.net/projects/unfonts/download</li>
|
|
||||||
</ul>
|
|
||||||
The following characters only added an extra 15kB to the size of this PDF file, and approximately 0.15 seconds extra to compile:<br />
|
|
||||||
Chinese (traditional) <span style="font-family:zn_hannom_a">'."\xe6\x86\x82\xe9\xac\xb1".'</span> ; chinese (simplified) <span style="font-family:zn_hannom_a">'."\xe6\x9d\xa5\xe8\x87\xaa".'</span> ; japanese <span style="font-family:zn_hannom_a">'."\xe3\x81\x9f\xe3\x82\x90".'</span> ; korean <span style="font-family:unBatang_0613">'."\xed\x82\xa4\xec\x8a\xa4".'</span>
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<div class="artificial gradient text">
|
|
||||||
<h4>Artificial Bold and Italic</h4>
|
|
||||||
The text in this block is in ArialUnicodeMS font. Using embedded subsets it covers most characters you want to print - BUT it does not have bold, italic, or bold-italic forms.<br />
|
|
||||||
From version 4.2, mPDF will create "artificial" font styles if they are not available as separate font files:<br />
|
|
||||||
<p style="font-weight: bold">The quick brown fox jumps over a lazy dog</p>
|
|
||||||
<p style="font-style: italic">The quick brown fox jumps over a lazy dog</p>
|
|
||||||
<p style="font-weight: bold; font-style: italic">The quick brown fox jumps over a lazy dog</p>
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<div class="gradient text" style="font-family: \'Trebuchet MS\'">
|
|
||||||
<h4>Character substitution in UTF-8 files</h4>
|
|
||||||
This paragraph has the font-family set to Trebuchet MS, and the document has the default font set as DejaVuSansCondensed.
|
|
||||||
The following characters are not present in the Trebuchet font, and are substituted from the core Adobe Zapfdingbats font:<br />
|
|
||||||
|
|
||||||
✐ ✑ ✒ ✓ ✔ ✕ ✖ ✗ ✘ ✙ ✚ ✛ ✜ ✝ ✞ ✟<br />
|
|
||||||
The characters are not present in the Trebuchet font, and are substituted from the (default) DejaVuSansCondensed font:<br />
|
|
||||||
ʀ ʁ ʂ ʃ ʄ ʅ ʆ ʇ ʈ ʉ ʊ ʋ ʌ ʍ ʎ ʏ<br />
|
|
||||||
Character substitution in UTF-8 files is enabled by setting:
|
|
||||||
<p class="code">
|
|
||||||
$mpdf->useSubstitutionsMB = true;
|
|
||||||
</p>
|
|
||||||
<div style="color:red; padding:0; margin:0;">NB In mPDF 5.0 this has changed to
|
|
||||||
<p class="code" style="padding:0; margin:0;">
|
|
||||||
$mpdf->useSubstitutions = true;
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
It is not recommended to enable this for regular use, as it will add to the processing time.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
<h2>Margin-collapse</h2>
|
|
||||||
<p>mPDF has always allowed margins to be collapsed at the top and bottom of pages. This is specified by the custom CSS property "margin-collapse: collapse"</p>
|
|
||||||
|
|
||||||
<p>mPDF 4.2 also allows margins to collapse between block elements on the page. This is the default behaviour in browsers, and has been enabled in mPDF 4.2 by default.</p>
|
|
||||||
|
|
||||||
<p>In the next 2 paragraphs, the first one has the margin-bottom set to 3em, and the second has the margin-top set to 0em. So the vertical-space between paragraphs is 3em:</p>
|
|
||||||
|
|
||||||
<p class="gradient" style="font-size: 10pt; padding: 0 0.3em; margin-bottom: 3em;">The quick brown fox jumps over a lazy dog</p>
|
|
||||||
<p class="gradient" style="font-size: 10pt; padding: 0 0.3em; margin-top: 0em;">The quick brown fox jumps over a lazy dog</p>
|
|
||||||
|
|
||||||
<p>In the next 2 paragraphs, the first one has the margin-bottom set to 2em, and the second has the margin-top set to 1em. The margins collapse to the larger of the adjoining margins i.e. 2em:</p>
|
|
||||||
|
|
||||||
<p class="gradient" style="font-size: 10pt; padding: 0 0.3em; margin-bottom: 2em;">The quick brown fox jumps over a lazy dog</p>
|
|
||||||
<p class="gradient" style="font-size: 10pt; padding: 0 0.3em; margin-top: 1em;">The quick brown fox jumps over a lazy dog</p>
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
<h2>Images</h2>
|
|
||||||
|
|
||||||
<h4>PNG Alpha channel</h4>
|
|
||||||
PNG alpha channel transparency is now fully supported, and works against solid backgrounds, gradients or background images:
|
|
||||||
<table>
|
|
||||||
<tr>
|
|
||||||
<td><img style="vertical-align: top" src="alpha.png" width="90" /></td>
|
|
||||||
<td style="background-color:#FFCCFF; "><img style="vertical-align: top" src="alpha.png" width="90" /></td>
|
|
||||||
<td style="background-color:#CCFFFF;"><img style="vertical-align: top" src="alpha.png" width="90" /></td>
|
|
||||||
<td style="background-color:#CCFFFF; background-gradient: linear #88FFFF #FFFF44 0 0.5 1 0.5; "><img style="vertical-align: top" src="alpha.png" width="90" /></td>
|
|
||||||
<td style="background-color:#CCFFFF; background: transparent url(\'bgrock.jpg\') repeat scroll right top;"><img style="vertical-align: top" src="alpha.png" width="90" /></td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<h4>Image Border and padding</h4>
|
|
||||||
Image padding is now supported as well as border and margin:
|
|
||||||
<img src="sunset.jpg" width="100" style="border:3px solid #44FF44; padding: 1em; vertical-align: text-top; " />
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<h4>Vertical alignment</h4>
|
|
||||||
<div>From mPDF version 4.2 onwards, most of the values for "vertical-align" are supported: top, bottom, middle, baseline, text-top, and text-bottom.<br />
|
|
||||||
<b>Note:</b> The default value for vertical alignment has been changed to baseline, and the default padding to 0, consistent with most browsers.
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
<div class="gradient" style="font-size: 80%;">
|
|
||||||
baseline: <img src="sunset.jpg" width="50" style="vertical-align: baseline;" />
|
|
||||||
text-bottom: <img src="sunset.jpg" width="30" style="vertical-align: text-bottom;" />
|
|
||||||
middle: <img src="sunset.jpg" width="30" style="vertical-align: middle;" />
|
|
||||||
bottom: <img src="sunset.jpg" width="80" style="vertical-align: bottom;" />
|
|
||||||
text-top: <img src="sunset.jpg" width="50" style="vertical-align: text-top;" />
|
|
||||||
top: <img src="sunset.jpg" width="100" style="vertical-align: top;" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
<h4>Image Alignment</h4>
|
|
||||||
<div>From mPDF version 4.2 onwards, in-line images can be individually aligned (vertically).
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="gradient" style="margin: 0.5em 0;">
|
|
||||||
These images <img src="img1.png" style="vertical-align: top;" />
|
|
||||||
are <img src="img2.png" style="vertical-align: top;" />
|
|
||||||
<b>top</b> <img src="img3.png" style="vertical-align: top;" />
|
|
||||||
aligned <img src="img4.png" style="vertical-align: middle;" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="gradient" style="margin: 0.5em 0;">
|
|
||||||
These images <img src="img1.png" style="vertical-align: text-top;" />
|
|
||||||
are <img src="img2.png" style="vertical-align: text-top;" />
|
|
||||||
<b>text-top</b> <img src="img3.png" style="vertical-align: text-top;" />
|
|
||||||
aligned <img src="img4.png" style="vertical-align: middle;" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="gradient" style="margin: 0.5em 0;">
|
|
||||||
These images <img src="img1.png" style="vertical-align: bottom;" />
|
|
||||||
are <img src="img2.png" style="vertical-align: bottom;" />
|
|
||||||
<b>bottom</b> <img src="img3.png" style="vertical-align: bottom;" />
|
|
||||||
aligned <img src="img4.png" style="vertical-align: middle;" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="gradient" style="margin: 0.5em 0;">
|
|
||||||
These images <img src="img1.png" style="vertical-align: text-bottom;" />
|
|
||||||
are <img src="img2.png" style="vertical-align: text-bottom;" />
|
|
||||||
<b>text-bottom</b> <img src="img3.png" style="vertical-align: text-bottom;" />
|
|
||||||
aligned <img src="img4.png" style="vertical-align: middle;" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="gradient" style="margin: 0.5em 0;">
|
|
||||||
These images <img src="img1.png" style="vertical-align: baseline;" />
|
|
||||||
are <img src="img2.png" style="vertical-align: baseline;" />
|
|
||||||
<b>baseline</b> <img src="img3.png" style="vertical-align: baseline;" />
|
|
||||||
aligned <img src="img4.png" style="vertical-align: middle;" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="gradient" style="margin: 0.5em 0;">
|
|
||||||
These images <img src="img1.png" style="vertical-align: middle;" />
|
|
||||||
are <img src="img2.png" style="vertical-align: middle;" />
|
|
||||||
<b>middle</b> <img src="img3.png" style="vertical-align: middle;" />
|
|
||||||
aligned <img src="img5.png" style="vertical-align: bottom;" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
<h4>Images from PHP</h4>
|
|
||||||
|
|
||||||
<br />
|
|
||||||
<img src="var:smileyface" />
|
|
||||||
<br />
|
|
||||||
This image was created with the following code:
|
|
||||||
|
|
||||||
<p class="code">
|
|
||||||
$img = imagecreatetruecolor(200, 200);<br />
|
|
||||||
$white = imagecolorallocate($img, 255, 255, 255);<br />
|
|
||||||
$red = imagecolorallocate($img, 255, 0, 0);<br />
|
|
||||||
$green = imagecolorallocate($img, 0, 255, 0);<br />
|
|
||||||
$blue = imagecolorallocate($img, 0, 0, 255);<br />
|
|
||||||
imagearc($img, 100, 100, 200, 200, 0, 360, $white);<br />
|
|
||||||
imagearc($img, 100, 100, 150, 150, 25, 155, $red);<br />
|
|
||||||
imagearc($img, 60, 75, 50, 50, 0, 360, $green);<br />
|
|
||||||
imagearc($img, 140, 75, 50, 50, 0, 360, $blue);<br />
|
|
||||||
ob_start();<br />
|
|
||||||
imagejpeg($img);<br />
|
|
||||||
$mpdf->smileyface = ob_get_clean(); <br />
|
|
||||||
imagedestroy($img);<br />
|
|
||||||
</p>
|
|
||||||
and written to the document using:
|
|
||||||
<p class="code">
|
|
||||||
<img src="var:smileyface" />
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak>
|
|
||||||
<h4>Line-height inheritance</h4>
|
|
||||||
Line-height inheritance has been altered to follow the CSS2 recommendation:
|
|
||||||
<ul>
|
|
||||||
<li>normal is inherited as "normal"</li>
|
|
||||||
<li>1.2 is inherited as a factor</li>
|
|
||||||
<li>120% is converted to an actual value and then inherited as the computed value</li>
|
|
||||||
<li>em is converted to an actual value and then inherited as the computed value</li>
|
|
||||||
<li>px pt mm are inherited as fixed values</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<div>Relative values (e.g. 1.3, normal)</div>
|
|
||||||
<div style="font-size: 12pt; line-height: 2.0; border: 0.2mm solid #880000; background-color: #FFEECC; padding: 0.3em;">
|
|
||||||
This DIV has the line-height set as "2.0" and font-size as 12pt. The line-height is therefore 24pt, but the factor of 2 is inherited...<br />
|
|
||||||
Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse...
|
|
||||||
<div style="font-size: 8pt; border: 0.2mm solid #880000; background-color: #FFEECC; padding: 0.3em;">
|
|
||||||
This DIV has the font-size set as 8pt. The line-height of 2 is inherited...<br />
|
|
||||||
Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci.
|
|
||||||
<div style="font-size: 18pt; border: 0.2mm solid #880000; background-color: #FFEECC; padding: 0.3em;">
|
|
||||||
This DIV has the font-size set as 18pt. The line-height of 2 is inherited...<br />
|
|
||||||
Nulla felis erat, imperdiet eu, ullamcorper non...
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
<div>Absolute values (e.g. 130%, 1.3em, 18pt)</div>
|
|
||||||
<div style="font-size: 12pt; line-height: 200%; border: 0.2mm solid #880000; background-color: #FFEECC; padding: 0.3em;">
|
|
||||||
This DIV has the line-height set as "200%" and font-size as 12pt. The computed line-height of 24pt is inherited...<br />
|
|
||||||
Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse...
|
|
||||||
<div style="font-size: 8pt; border: 0.2mm solid #880000; background-color: #FFEECC; padding: 0.3em;">
|
|
||||||
This DIV has the font-size set as 8pt. The computed line-height of 24pt is inherited...<br />
|
|
||||||
Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci.
|
|
||||||
<div style="font-size: 18pt; border: 0.2mm solid #880000; background-color: #FFEECC; padding: 0.3em;">
|
|
||||||
This DIV has the font-size set as 18pt. The computed line-height of 24pt is inherited...<br />
|
|
||||||
Nulla felis erat, imperdiet eu, ullamcorper non...
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
<h4>Line-height & vertical alignment</h4>
|
|
||||||
<div>In these examples, top and bottom padding are set to 0, so the block height = line height.</div>
|
|
||||||
<div>The inline text (set to a larger font-size) inherits the line-height as a factor of the largest font-size i.e. the line height will expand to reflect the largest font on the line.<br />
|
|
||||||
Line-height: "normal" (set in mPDF by default as 1.33).</div>
|
|
||||||
<p class="gradient" style="font-size: 10pt; line-height: normal; padding: 0 0.3em;">Normal text <span style="font-size: 16pt;">16pt font-size Â</span> and normal again</p>
|
|
||||||
|
|
||||||
<div>Line-height: 2.0 When using relative line-heights, the text is aligned vertically so that the centre-line of the line goes throught the middle of the largest font.</div>
|
|
||||||
<p class="gradient" style="font-size: 10pt; line-height: 2.0; padding: 0 0.3em;">Normal text <span style="font-size: 16pt;">16pt font-size Â</span> and normal again</p>
|
|
||||||
|
|
||||||
<div>Line-heights set as a percentages are computed on the base font-size, and are then inherited and treated the same as absolute lengths. This is also true for "em" values. The line-height of this line is set as 200% of the paragraph font-size (10pt).<br />
|
|
||||||
When using absolute line-heights, the text is aligned vertically so that the centre-line of the line goes throught the middle of the base font.<br />
|
|
||||||
This means that as far as possible, multiple lines will remain equally spaced<br />
|
|
||||||
Line-height: 200% </div>
|
|
||||||
<p class="gradient" style="font-size: 10pt; line-height: 200%; padding: 0 0.3em;">Normal text <span style="font-size: 16pt;">16pt font-size Â</span> and normal again</p>
|
|
||||||
|
|
||||||
<div>If the line includes a font-size greater than 1.6 times the computed line-height, then the text baseline is dropped so that the text will approximately fit within the line-height.
|
|
||||||
<br />Line-height: 2em</div>
|
|
||||||
<p class="gradient" style="font-size: 10pt; line-height: 2em; padding: 0 0.3em;">Normal text <span style="font-size: 18pt;">18pt font-size Â</span> and normal again</p>
|
|
||||||
|
|
||||||
<div>If the line includes a font-size greater than 2 times the computed line-height, then the line-height is increased to accommodate the larger fontsize.<br />
|
|
||||||
Line-height: 2em</div>
|
|
||||||
<p class="gradient" style="font-size: 10pt; line-height: 2em; padding: 0 0.3em;">Normal text <span style="font-size: 24pt;">24pt font-size Â</span> and normal again</p>
|
|
||||||
|
|
||||||
<br />
|
|
||||||
This broadly reflects the behaviour of IE and Firefox. Note that tall characters such as  may fall outside the computed line-heights. See the same in an <a href="example52_lineheight.htm">HTML page</a>.
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak page-selector="letterhead" />
|
|
||||||
<h2>Extended use of CSS @page selectors</h2>
|
|
||||||
The CSS @page selector, together with the pseudo-selectors :first :left :right have increased support in mPDF 4.2<br />
|
|
||||||
A named @page can be selected when forcing a new page, e.g. this page was started with:<br />
|
|
||||||
<span style="font-family: mono; font-size: 9pt;"><pagebreak page-selector="letterhead" /></span>
|
|
||||||
<br />
|
|
||||||
The header and background on this page (and page 1 of the document) are set by the CSS selector: @page letterhead :first {} whilst subsequent pages have no header, a footer, and no background.
|
|
||||||
<br />
|
|
||||||
CSS @page selectors allow different margins, backgrounds, headers/footers to be set on :first :left and :right pages. Only fixed or mirrored left- and right-margins are supported (i.e. cannot specify different margins for :left and :right).
|
|
||||||
<br />
|
|
||||||
This layout can be used to produce company letters with only the first page on letterheaded paper.
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
<h2>Table Layout control</h2>
|
|
||||||
<p>mPDF attempts to layout tables according to HTML and CSS specifications. However, because of the difference between screen and paged media, mPDF resizes tables when necessary to make them fit the page. This will happen if the minimum table-width is greater than the page-width. Minimum table-width is defined as the minimum width to accomodate the longest word in each column i.e. words will never be split.
|
|
||||||
</p>
|
|
||||||
<p>This resizing (minimum-width) can be disabled using a custom CSS property "overflow" on the TABLE tag. There are 4 options:</p>
|
|
||||||
<table style="overflow: auto"> (this is the default, using resizing)
|
|
||||||
<table border="1" style="overflow: auto; border-collapse: collapse; padding: 0.1em; background-color: #DDFFFF"><tr>
|
|
||||||
<td>Verylongwordwithnospacesinitatall</td>
|
|
||||||
<td>Verylongwordwithnospacesinitatall</td>
|
|
||||||
<td>Verylongwordwithnospacesinitatall</td>
|
|
||||||
</tr></table>
|
|
||||||
<br />
|
|
||||||
<table style="overflow: visible"> (disables resizing, but allows overflow to show)
|
|
||||||
<table border="1" style="overflow: visible; border-collapse: collapse; padding: 0.1em; background-color: #DDFFFF"><tr>
|
|
||||||
<td>Verylongwordwithnospacesinitatall</td>
|
|
||||||
<td>Verylongwordwithnospacesinitatall</td>
|
|
||||||
<td>Verylongwordwithnospacesinitatall</td>
|
|
||||||
</tr></table>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<table style="overflow: hidden"> (disables resizing, and hides/clips any overflow)
|
|
||||||
<table border="1" style="overflow: hidden; border-collapse: collapse; padding: 0.1em; background-color: #DDFFFF"><tr>
|
|
||||||
<td>Verylongwordwithnospacesinitatall</td>
|
|
||||||
<td>Verylongwordwithnospacesinitatall</td>
|
|
||||||
<td>Verylongwordwithnospacesinitatall</td>
|
|
||||||
</tr></table>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<table style="overflow: wrap"> (forces words to break as necessary)
|
|
||||||
<table border="1" style="overflow: wrap; border-collapse: collapse; padding: 0.1em; background-color: #DDFFFF"><tr>
|
|
||||||
<td>Verylongwordwithnospacesinitatall</td>
|
|
||||||
<td>Verylongwordwithnospacesinitatall</td>
|
|
||||||
<td>Verylongwordwithnospacesinitatall</td>
|
|
||||||
</tr></table>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
';
|
|
||||||
if ($_REQUEST['html']) { echo $html; exit; }
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
define('_MPDF_URI','../'); // required for the progress bar
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('','A4','','',15,15,20,20,5,5);
|
|
||||||
|
|
||||||
$mpdf->StartProgressBarOutput(2); // 2 => advanced mode
|
|
||||||
|
|
||||||
$mpdf->SetDisplayMode('fullpage');
|
|
||||||
|
|
||||||
$mpdf->useSubstitutions = true;
|
|
||||||
|
|
||||||
// Dynamically create image in var:smileyface
|
|
||||||
$img = imagecreatetruecolor(200, 200);
|
|
||||||
$white = imagecolorallocate($img, 255, 255, 255);
|
|
||||||
$red = imagecolorallocate($img, 255, 0, 0);
|
|
||||||
$green = imagecolorallocate($img, 0, 255, 0);
|
|
||||||
$blue = imagecolorallocate($img, 0, 0, 255);
|
|
||||||
imagearc($img, 100, 100, 200, 200, 0, 360, $white);
|
|
||||||
imagearc($img, 100, 100, 150, 150, 25, 155, $red);
|
|
||||||
imagearc($img, 60, 75, 50, 50, 0, 360, $green);
|
|
||||||
imagearc($img, 140, 75, 50, 50, 0, 360, $blue);
|
|
||||||
ob_start();
|
|
||||||
imagejpeg($img);
|
|
||||||
$mpdf->smileyface = ob_get_clean();
|
|
||||||
imagedestroy($img);
|
|
||||||
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,431 +0,0 @@
|
|||||||
<?php
|
|
||||||
ini_set("memory_limit","128M");
|
|
||||||
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-size: 10pt;
|
|
||||||
}
|
|
||||||
h4 {
|
|
||||||
font-variant: small-caps;
|
|
||||||
}
|
|
||||||
h5 {
|
|
||||||
margin-bottom: 0;
|
|
||||||
color: #110044;
|
|
||||||
}
|
|
||||||
dl {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<h1></a>mPDF</h1>
|
|
||||||
<h2>Fonts in mPDF Version 5.x</h2>
|
|
||||||
<p style="color: red"><b>Note:</b> This example will only display correctly if you have all the fonts installed in mPDF</p>
|
|
||||||
|
|
||||||
<p>mPDF version 5 supports Truetype fonts, reading and embedding directly from the .ttf font files. Fonts must follow the Truetype specification and use Unicode mapping to the characters. Truetype collections (.ttc files) and Opentype files (.otf) in Truetype format are also supported.</p>
|
|
||||||
|
|
||||||
<h4>Easy to add new fonts</h4>
|
|
||||||
<ol>
|
|
||||||
<li>Upload the Truetype font file to the fonts directory (/ttfonts)</li>
|
|
||||||
<li>Define the font file details in the configuration file (config_fonts.php)</li>
|
|
||||||
<li>Access the font by specifying it in your HTML code as the CSS font-family</li>
|
|
||||||
</ol>
|
|
||||||
|
|
||||||
<div>These are some examples of Windows fonts:</div>
|
|
||||||
<div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE;">
|
|
||||||
<div style="font-family: Arial">Arial - The quick, sly fox jumped over the lazy brown dog.</div>
|
|
||||||
<div style="font-family: \'Comic Sans MS\'">Comic Sans MS - The quick, sly fox jumped over the lazy brown dog.</div>
|
|
||||||
<div style="font-family: \'Trebuchet MS\'">Trebuchet - The quick, sly fox jumped over the lazy brown dog.</div>
|
|
||||||
<div style="font-family: Calibri">Calibri - The quick, sly fox jumped over the lazy brown dog.</div>
|
|
||||||
<div style="font-family: Quillscript">QuillScript - The quick, sly fox jumped over the lazy brown dog.</div>
|
|
||||||
<div style="font-family: \'Lucida Console\'">Lucidaconsole - The quick, sly fox jumped over the lazy brown dog.</div>
|
|
||||||
<div style="font-family: Tahoma">Tahoma - The quick, sly fox jumped over the lazy brown dog.</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h4>Full Unicode support</h4>
|
|
||||||
|
|
||||||
<p>The DejaVu fonts distributed with mPDF contain an extensive set of characters, but it is easy to add fonts to access uncommon characters.</p>
|
|
||||||
|
|
||||||
<div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE;">
|
|
||||||
<dl>
|
|
||||||
<dt>Georgian (DejaVuSansCondensed)</dt>
|
|
||||||
<dd style="font-family:\'Dejavu Sans Condensed\';">Ⴀ Ⴁ Ⴂ Ⴃ Ⴄ Ⴅ Ⴆ Ⴇ Ⴈ Ⴉ Ⴊ Ⴋ Ⴌ Ⴍ Ⴎ Ⴏ Ⴐ Ⴑ Ⴒ Ⴓ</dd>
|
|
||||||
<dt>Runic (Junicode)</dt>
|
|
||||||
<dd style="font-family:junicode;">ᚠ ᚡ ᚢ ᚣ ᚤ ᚥ ᚦ ᚧ ᚨ ᚩ ᚪ ᚫ ᚬ ᚭ ᚮ ᚯ ᚰ ᚱ ᚲ ᚳ ᚴ ᚵ ᚶ ᚷ ᚸ ᚹ ᚺ ᚻ ᚼ</dd>
|
|
||||||
<dt>Greek Extended (Quivira)</dt>
|
|
||||||
<dd style="font-family:quivira;">ἀ ἁ ἂ ἃ ἄ ἅ ἆ ἇ Ἀ Ἁ Ἂ Ἃ Ἄ Ἅ Ἆ Ἇ ἐ ἑ ἒ ἓ ἔ ἕ </dd>
|
|
||||||
<dt>IPA Extensions (Quivira)</dt>
|
|
||||||
<dd style="font-family:quivira;">ɐ ɑ ɒ ɓ ɔ ɕ ɖ ɗ ɘ ə ɚ ɛ ɜ ʣ ʤ ʥ ʦ ʧ ʨ ʩ ʪ ʫ </dd>
|
|
||||||
<dt>Letterlike Symbols (Symbola)</dt>
|
|
||||||
<dd style="font-family:symbola;">℀ ℁ ℂ ℃ ℄ ℅ ℆ ℇ ℈ ℉ ℊ ℋ ℌ ℍ ℎ ℏ ℐ ℑ ℒ ℓ ℔ ℕ № ℗ ℘ ℙ ℚ ℛ ℜ </dd>
|
|
||||||
<dt>Mathematical Operators (Symbola)</dt>
|
|
||||||
<dd style="font-family:symbola;">∀ ∁ ∂ ∃ ∄ ∅ ∆ ∇ ∈ ∉ ∊ ∋ ∌ ∍ ∎ ∏ ∐ ∑ − ∓ ∔ ∕ ∖ ∗ ∘ ∙ √ ∛ ∜ ∝ ∞ </dd>
|
|
||||||
<dt>Miscellaneous Technical (Symbola)</dt>
|
|
||||||
<dd style="font-family:symbola;">⌀ ⌁ ⌂ ⌃ ⌄ ⌅ ⌆ ⌇⌎ ⌏ ⌐ ⌑ ⌒ ⌓ ⌔ ⌕ ⌖ ⌗ ⌘ ⌙ ⌚ ⌛ ⌠ ⌡ ⌢ ⌣ ⌤ ⌥ ⌦ ⌧ </dd>
|
|
||||||
<dt>Enclosed Alphanumerics (Quivira)</dt>
|
|
||||||
<dd style="font-family:quivira;">① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭ ⑮ ⑯</dd>
|
|
||||||
<dt>Miscellaneous Symbols (DejaVuSansCondensed)</dt>
|
|
||||||
<dd style="font-family:\'Dejavu Sans Condensed\';">☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☌ ☍ ☎ ☏ ☐ ☑ ☒ </dd>
|
|
||||||
<dt>Supplemental Arrows-B (Symbola)</dt>
|
|
||||||
<dd style="font-family:symbola;">⤀ ⤁ ⤂ ⤃ ⤄ ⤅ ⤆ ⤇ ⤈ ⤉ ⤊ ⤋ ⤐ ⤑ ⤔ ⤕ ⤖ ⤗ ⤘ ⥶ ⥷ ⥸ ⥹ ⥺ ⥻ ⥼ ⥽ </dd>
|
|
||||||
</dl>
|
|
||||||
</div>
|
|
||||||
The online manual lists a number of open-source fonts available to cover uncommon characters: <a href="http://mpdf1.com/manual/index.php?tid=451">http://mpdf1.com/manual/index.php?tid=451</a>
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
<h2>Complex scripts</h2>
|
|
||||||
|
|
||||||
<p>Although all characters may be displayed, there are various reasons why a script may not appear as expected.</p>
|
|
||||||
|
|
||||||
<h4>Right-to-left languages (Hebrew, Arabic etc.)</h4>
|
|
||||||
Arabic languages and Hebrew are written in a right-to-left direction (RTL). mPDF recognises both Arabic and Hebrew languages and reverses text direction automatically.
|
|
||||||
|
|
||||||
<div style="border:0.2mm solid #000088; padding: 0.5em; background-color: #EEEEEE; font-size: 18pt; font-family:tahoma; text-align: center;">
|
|
||||||
ألسّلام عليكم שלום
|
|
||||||
</div>
|
|
||||||
|
|
||||||
Arabic languages (but not Hebrew) also change the form of the letter depending on its position in the text e.g. these are the initial, medial, final, and isolated forms of arabic letter \'ain\':
|
|
||||||
|
|
||||||
<div style="font-family:xbriyaz; border:0.2mm solid #000088; padding: 0.5em; background-color: #EEEEEE; font-size: 18pt; text-align: center;"> ع ـع ـعـ عـ </div>
|
|
||||||
The isolated characters are contained in the Unicode block \'Arabic\' U+0600 - U+06FF.<br />
|
|
||||||
The initial, medial and final forms are contained in Unicode Blocks \'Arabic Presentation Forms\' A and B (U+FB50 - U+FDFF, U+FE70 - U+FEFE). Note that quite a large number of fonts contain the isolated characters but not the presentation forms. Fonts used with mPDF must contain the \'Arabic Presentation Forms\' in order to display arabic text correctly. mPDF automatically converts letters to their initial/medial/final forms in several languages: arabic, persian/farsi, urdu, sindhi and pashto.
|
|
||||||
|
|
||||||
<p>Arabic text is used for many different languages e.g. persian/farsi, urdu, pashto etc. These languages often contain letters unique to that language. \'Arabic\' fonts do not always contain the full set of arabic charcters necessary for all languages. </p>
|
|
||||||
|
|
||||||
<p>Other RTL languages (using other alphabets) are reversed in order, but not otherwise processed, by mPDF e.g. Syriac, Thaana, N\'Ko, and Samaritan.</p>
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Indic languages</h4>
|
|
||||||
Indic languages are also complex scripts which require some processing of characters before display. For example some vowels consist of 2 characters, to be placed before and after the adjacent consonant e.g.
|
|
||||||
<div style="font-family:ind_ml_1_001; border:0.2mm solid #000088; padding: 0.5em; background-color: #EEEEEE; font-size: 18pt; text-align: center;">
|
|
||||||
<div style="font-family: sans; font-size:normal">U+0D1C + U+0D4C [vowel AU] = [written together as &#x0D1C;&#x0D4C;]</div>
|
|
||||||
ജ + ൌ = ജൌ</div>
|
|
||||||
<p style="margin-bottom: 0">Consonant conjuncts are where two adjacent characters are written as a single \'conjunct\' form e.g.</p>
|
|
||||||
<div style="font-family:ind_hi_1_001; border:0.2mm solid #000088; padding: 0.5em; background-color: #EEEEEE; font-size: 18pt; text-align: center;"> प + ॡ = पॣ</div>
|
|
||||||
<p style="margin-bottom: 0">mPDF can support some of these languages, but requires specially prepared font files that are unique to mPDF.<br />
|
|
||||||
Supported languages: Bengali, Devanāgarī, Gujarāti, Gurmukhi, Kannada, Malayalam, Oriya, Tamil, Telugu</p>
|
|
||||||
|
|
||||||
<div style="border:0.2mm solid #000088; padding: 0.5em; background-color: #EEEEEE; font-size: 18pt;">
|
|
||||||
<span style="font-family:ind_bn_1_001;">আসসালামু আলাইকুম </span>
|
|
||||||
<span style="font-family:ind_gu_1_001;">નમસ્તે </span>
|
|
||||||
<span style="font-family:ind_ml_1_001;">നമസ്കാരം </span>
|
|
||||||
<span style="font-family:ind_hi_1_001;">नमस्ते </span>
|
|
||||||
<span style="font-family:ind_ta_1_001;">வணக்கம்! </span>
|
|
||||||
</div>
|
|
||||||
Complex scripts <b>not</b> supported: Khmer, Sinhala, Tibetan, Myanmar (Burmese), Balinese
|
|
||||||
|
|
||||||
<h4>Vertical writing</h4>
|
|
||||||
<div>Vertical writing is not supported by mPDF (e.g. Mongolian and Phags-pa) although the individual characters can be displayed using suitable fonts.</div>
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
<h4>Combining diacritics</h4>
|
|
||||||
<p>In Unicode, letters with diacritics (e.g. ÁáȦȧÄä) are usually represented as a single character e.g. Unicode U+0196 is an A Umlaut. There are 4 blocks in Unicode of diacritics or \'marks\' which can be used to combine with adjacent letters: Combining Diacritical Marks (U+0300 - U+036F), Combining Diacritical Marks Supplement (U+1DC0 - U+1DFF), Combining Marks for Symbols(U+20D0 - U+20FF) and Combining Half Marks (U+FE20 - U+FE2F). </p>
|
|
||||||
|
|
||||||
|
|
||||||
<p>Software applications use special positioning information stored in OpenType font files to resposition the diacritic/mark depending on the context. mPDF does not support this repositioning and is dependent on the font design and original placement of the diacritic:
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
<div style="border:0.2mm solid #000088; padding: 0.5em; background-color: #EEEEEE; font-size: 14pt;">
|
|
||||||
<div style="font-family:\'Dejavu Sans Condensed\';">Á á Ȧ ȧ Ä ä ï (Precomposed characters: DejaVu Sans Condensed)</div>
|
|
||||||
<div style="font-family:\'Dejavu Sans Condensed\';">Á á Ȧ ȧ Ä ä ï (Using diacritics: DejaVu Sans Condensed)</div>
|
|
||||||
<div style="font-family:\'Arial Unicode MS\';">Á á Ȧ ȧ Ä ä ï (Arial Unicode MS)</div>
|
|
||||||
<div style="font-family:\'Times New Roman\';">Á á Ȧ ȧ Ä ä ï (Times New Roman)</div>
|
|
||||||
<div style="font-family:\'Courier new\';">Á á Ȧ ȧ Ä ä ï (Courier New)</div>
|
|
||||||
</div>
|
|
||||||
<p><b>It is recommended to use precomposed characters whenever possible with mPDF.</b></p>
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
<h2>Unicode Supplementary Planes</h2>
|
|
||||||
<p>The original Unicode allocated characters between x0000 and xFFFF (65,536 characters). This \'Basic Multilingual Plane\' supported most characters in common use, including a large number of Unified Chinese-Japanese-Korean characters (CJK). Later the Unicode standard was extended to 16 Planes. </p>
|
|
||||||
|
|
||||||
<p>The first plane (plane 0), the Basic Multilingual Plane (BMP), is where most characters have been assigned so far.</p>
|
|
||||||
<p>Plane 1, the Supplementary Multilingual Plane (SMP), is mostly used for historic scripts such as Linear B, but is also used for musical and mathematical symbols.</p>
|
|
||||||
<p>Plane 2, the Supplementary Ideographic Plane (SIP), is used for about 40,000 Unified Han (CJK) Ideographs.</p>
|
|
||||||
|
|
||||||
<p>mPDF version 5 supports fonts containing characters from all Unicode Planes. By choosing the correct font, almost every single character from Unicode 5 can be displayed in a PDF file.</p>
|
|
||||||
|
|
||||||
<h4>Unicode Supplementary Multilingual Plane (SMP or Plane 1) U+10000 - U+1FFFF</h4>
|
|
||||||
<h5>Gothic text</h5>
|
|
||||||
<div>
|
|
||||||
This paragraph shows Gothic text. These characters lie in the Unicode Supplementary Multilingual Plane U+10330 - U+1034F.
|
|
||||||
</div>
|
|
||||||
<div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE;">
|
|
||||||
<div style="font-family:damase">
|
|
||||||
𐌰 𐌱 𐌲 𐌳 𐌴 𐌵 𐌶 𐌷 𐌸 𐌹 𐌺 𐌻 𐌼 𐌽 𐌾 𐌿 𐍀 𐍁 𐍂 𐍃 𐍄 𐍅 𐍆 𐍇 𐍈 𐍉 𐍊
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
Font: MPH2BDamase (damase_v.2.ttf) available from: http://www.wazu.jp/gallery/views/View_MPH2BDamase.html
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>Egyptian Hieroglyphics</h5>
|
|
||||||
<div>
|
|
||||||
This paragraph shows Egyptian Hieroglyphics. These characters lie in the Unicode Supplementary Multilingual Plane U+13000 - U+1342F.
|
|
||||||
</div>
|
|
||||||
<div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE;">
|
|
||||||
<div style="font-family:aegyptus; font-size: 24pt">
|
|
||||||
𓀀 𓀁 𓀂 𓀃 𓀄 𓀅 𓀆 𓀇 𓀈 𓀉 𓀊 𓀋 𓀌 𓀍 𓀎 𓀏 𓀐 𓀑
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
Font: Aegyptus.otf available from: http://users.teilar.gr/~g1951d/
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p>SMP contains mainly ancient scripts - see <a href="http://mpdf1.com/manual/index.php?tid=451">http://mpdf1.com/manual/index.php?tid=451</a> for full list.</p>
|
|
||||||
|
|
||||||
<p>mPDF uses a different method to embed fonts in the PDF file if they include characters from SMP or SIP, because the characters cannot be represented by a 4 character hex code 0000-FFFF. This method is less eficient than the default method, and it can be suppressed by adding the font name to the array \'BMPonly\' in the config_fonts.php configuration file. </p>
|
|
||||||
|
|
||||||
<p>Note that the DejaVu fonts distributed with mPDF and (GNU)FreeSans and FreeSerif fonts do contain a few characters in the SMP plane, but most users will not require them and by default they have been added to the array \'BMPonly\'.</p>
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
<h4>CJK characters</h4>
|
|
||||||
<p>Below are examples of all the CJK Unicode blocks contained in the Basic Multilingual Plane and Supplemental Ideographic Plane</p>
|
|
||||||
|
|
||||||
<div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE;">
|
|
||||||
<h5>Plane 0 (BMP)</h5>
|
|
||||||
<dl style="font-family:sun-exta;">
|
|
||||||
<dt>CJK Radicals Supplement</dt>
|
|
||||||
<dd>⺎ ⺏ ⺐ ⺑ ⺒ ⺓ ⺔ ⺕ ⺖ ⺗ ⺘ ⺙ ⺛ ⺜ ⺝ ⺞ ⺟ ⺠ ⺡ ⺢ ⺣ ⺤ ⺥ ⺦ ⺧ ⺨ ⺩ ⺪ </dd>
|
|
||||||
<dt>Kangxi Radicals</dt>
|
|
||||||
<dd>⼳ ⼴ ⼵ ⼶ ⼷ ⼸ ⼹ ⼺ ⼻ ⼼ ⼽ ⼾ ⼿ ⽀ ⽁ ⽂ ⽃ ⽄ ⽅ ⽆ ⽇ ⽈ ⽉ ⽊ ⽋ ⽌ ⽍ </dd>
|
|
||||||
<dt>Ideographic Description Characters</dt>
|
|
||||||
<dd>⿰ ⿱ ⿲ ⿳ ⿴ ⿵ ⿶ ⿷ ⿸ ⿹ ⿺ ⿻ </dd>
|
|
||||||
<dt>CJK Symbols and Punctuation</dt>
|
|
||||||
<dd>　〈 〉 《 》 「 」 『 』 【 】 〒 〓 〔 〕 〖 〗 〘 〙 〚 〛 〜 〝 〞 〦 〧 〨 〩 〪 </dd>
|
|
||||||
<dt>Hiragana</dt>
|
|
||||||
<dd>ぁ あ ぃ い ぅ う ぇ え ぉ お か が き ぎ く ぐ け げ こ ご さ ざ </dd>
|
|
||||||
<dt>Katakana</dt>
|
|
||||||
<dd>゠ ァ ア ィ イ ゥ ウ ェ エ ォ オ カ ガ キ ギ ク グ ケ ゲ コ ゴ </dd>
|
|
||||||
<dt>Bopomofo</dt>
|
|
||||||
<dd>ㄅ ㄆ ㄇ ㄈ ㄉ ㄊ ㄋ ㄌ ㄍ ㄎ ㄏ ㄐ ㄑ ㄒ ㄓ ㄔ ㄕ ㄖ </dd>
|
|
||||||
<dt>Hangul Compatibility Jamo</dt>
|
|
||||||
<dd>ㄱ ㄲ ㄳ ㄴ ㄵ ㄶ ㄷ ㄸ ㄹ ㄺ ㄻ ㄼ ㄽ ㄾ ㄿ ㅀ ㅁ ㅂ </dd>
|
|
||||||
<dt>Kanbun</dt>
|
|
||||||
<dd>㆐ ㆑ ㆒ ㆓ ㆔ ㆕ ㆖ ㆗ ㆘ ㆙ ㆚ ㆛ ㆜ ㆝ ㆞ ㆟ </dd>
|
|
||||||
<dt>Bopomofo Extended</dt>
|
|
||||||
<dd>ㆠ ㆡ ㆢ ㆣ ㆤ ㆥ ㆦ ㆧ ㆨ ㆩ ㆪ ㆫ ㆬ ㆭ ㆮ ㆯ ㆰ ㆱ ㆲ ㆳ ㆴ ㆵ ㆶ ㆷ </dd>
|
|
||||||
<dt>Katakana Phonetic Extensions</dt>
|
|
||||||
<dd>ㇰ ㇱ ㇲ ㇳ ㇴ ㇵ ㇶ ㇷ ㇸ ㇹ ㇺ ㇻ ㇼ ㇽ ㇾ ㇿ </dd>
|
|
||||||
<dt>Enclosed CJK Letters and Months</dt>
|
|
||||||
<dd>㈄ ㈅ ㈆ ㈇ ㈈ ㈉ ㈊ ㈋ ㈌ ㈍ ㈎ ㈏ ㈐ ㈑ ㈒ ㈓ ㈔ ㈕ ㈖ ㈗ ㈘ ㈙ ㈚ ㈛ ㈜ </dd>
|
|
||||||
<dt>CJK Compatibility</dt>
|
|
||||||
<dd>㌀ ㌁ ㌂ ㌃ ㌄ ㌅ ㌆ ㌇ ㌈ ㌉ ㌊ ㌋ ㌌ ㌍ ㌎ ㌏ ㌐ ㌑ ㌒ ㌓ ㌔ ㌕ ㌖ ㌗ ㌘ </dd>
|
|
||||||
<dt>CJK Unified Ideographs Extension A</dt>
|
|
||||||
<dd>㐀 㐁 㐂 㐃 㐄 㐅 㐆 㐇 㐈 㐉 㐊 㐋 㐌 㐍 㐎 㐏 㐐 㐑 㐒 㐓 㐔 㐕 㐖 㐗 㐘 </dd>
|
|
||||||
<dt>CJK Unified Ideographs</dt>
|
|
||||||
<dd>一 丁 丂 七 丄 丅 丆 万 丈 三 上 下 丌 不 与 丏 丐 丑 丒 专 且 丕 世 丗 丘 </dd>
|
|
||||||
<dt>Yi Syllables</dt>
|
|
||||||
<dd>ꀀ ꀁ ꀂ ꀃ ꀄ ꀅ ꀆ ꀇ ꀈ ꀉ ꀊ ꀋ ꀌ ꀍ ꀎ ꀏ ꀐ ꀑ ꀒ ꀓ ꀔ ꀕ ꀖ ꀗ ꀘ ꀙ ꀚ </dd>
|
|
||||||
<dt>Yi Radicals</dt>
|
|
||||||
<dd>꒐ ꒑ ꒒ ꒓ ꒔ ꒕ ꒖ ꒗ ꒘ ꒙ ꒚ ꒛ ꒜ ꒝ ꒞ ꒟ ꒠ ꒡ ꒢ ꒣ ꒤ ꒥ ꒦ ꒧ ꒨ ꒩ </dd>
|
|
||||||
<dt>Hangul Syllables</dt>
|
|
||||||
<dd>가 각 갂 갃 간 갅 갆 갇 갈 갉 갊 갋 갌 갍 갎 갏 감 갑 값 갓 갔 강 갖 갗 갘 </dd>
|
|
||||||
<dt>CJK Compatibility Ideographs</dt>
|
|
||||||
<dd>豈 更 車 賈 滑 串 句 龜 契 金 喇 奈 懶 癩 羅 蘿 螺 裸 邏 樂 洛 烙 珞 落 酪 </dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h5>Plane 2 (SIP)</h5>
|
|
||||||
<dl style="font-family:sun-exta;">
|
|
||||||
<dt>CJK Unified Ideographs Extension B</dt>
|
|
||||||
<dd>𠀀 𠀁 𠀂 𠀃 𠀄 𠀅 𠀆 𠀇 𠀈 𠀉 𠀊 𠀋 𠀌 𠀍 𠀎 𠀏 𠀐 𠀑 𠀒 𠀓 </dd>
|
|
||||||
|
|
||||||
<dt>CJK Unified Ideographs Extension C</dt>
|
|
||||||
<dd>𪜀 𪜁 𪜂 𪜃 𪜄 𪜅 𪜆 𪜇 𪜈 𪜉 𪜊 𪜋 𪜌 𪜍 𪜎 𪜏 𪜐 𪜑 𪜒 𪜓 </dd>
|
|
||||||
|
|
||||||
<dt>CJK Compatibility Ideographs Supplement</dt>
|
|
||||||
<dd>丽 丸 乁 𠄢 你 侮 侻 倂 偺 備 僧 像 㒞 𠘺 免 兔 兤 具 𠔜 㒹 </dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
<h4>Using CJK fonts in mPDF</h4>
|
|
||||||
|
|
||||||
<p>Fonts containing CJK characters are large files, typically 10-30MB. Adobe provides a free download of an \'Asian font pack\' allowing you to create PDF files without including (embedding) the font information in the file. This keeps the file size to a minimum and minimises resource usage on your website generating the PDF file. However, users will have to download the Adobe font packs to read the file, and other PDF software will not display the text correctly.</p>
|
|
||||||
|
|
||||||
<p>mPDF allows you to embed subsets of CJK fonts keeping file size down, although there is increased memory usage to generate these files.</p>
|
|
||||||
|
|
||||||
<p>Some CJK fonts are broken up into 2 files because of the size of the files. One freely available font with almost complete coverage of all CJK characters (in both BMP and SIP) is \'Sun\' available from Alan Wood\'s excellent website: <a href="http://www.alanwood.net/unicode/fonts-east-asian.html">http://www.alanwood.net/unicode/fonts-east-asian.html</a>. This comes as 2 files, Sun-ExtA and Sun-ExtB (both about 20MB in size) containing the characters from BMP and SIP respectively.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>mPDF allows you to treat these as one font by defining the second file as an SIP-extension of the first in the config_fonts.php configuration file. The following text includes random characters from the BMP and SIP mixed together:</p>
|
|
||||||
|
|
||||||
<div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE;">
|
|
||||||
<div style="font-family:sun-extA;">
|
|
||||||
鼂 鼈 鼗 𣈏 𣈥 鼦 鼧 𣈯 𣈱 鼹 齄 𣈲 𣈳 齅 齐 𣈴 𣉖 齓 齚 𣉢 𣊁 齢 齩 𣊉 𣊊
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p>This is the entry in the config_fonts.php configuration file:</p>
|
|
||||||
<div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE; font-family: \'Courier new\'; font-size: 8.5pt;">
|
|
||||||
$this->fontdata = array(<br />
|
|
||||||
...<br />
|
|
||||||
"sun-exta" => array(<br />
|
|
||||||
\'R\' => "Sun-ExtA.ttf",<br />
|
|
||||||
\'sip-ext\' => \'sun-extb\',<br />
|
|
||||||
),<br />
|
|
||||||
"sun-extb" => array(<br />
|
|
||||||
\'R\' => "Sun-ExtB.ttf",<br />
|
|
||||||
),<br />
|
|
||||||
<br />
|
|
||||||
...<br />
|
|
||||||
);
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<p>This is the HTML code - note only the sun-exta font-family needs to be referenced:</p>
|
|
||||||
<div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE; font-family: \'Courier new\'; font-size: 8.5pt;">
|
|
||||||
<div style="font-family:sun-extA;">
|
|
||||||
&#40706; &#40712; &#40727; &#x2320f; &#x23225; &#40742; &#40743; &#x2322f; &#x23231; &#40761; &#40772; &#x23232; &#x23233; &#40773; &#40784; &#x23234; &#x23256; &#40787; &#40794; &#x23262; &#x23281; &#40802; &#40809; &#x23289; &#x2328a;
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p>NB You may also need to edit the value $this->useAdobeCJK=false in config.php or use new mPDF(\'-aCJK\'), and edit the config_cp.php configuration file.</p>
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
<h4>TrueType Collections</h4>
|
|
||||||
|
|
||||||
<p>TrueType Collections (.ttc files) contain more than one font. mPDF treats each font separately by defining the TTCfontID array in the config_fonts.php configuration file. </p>
|
|
||||||
|
|
||||||
<p>This example uses the Windows MingLiU fonts, which consist of 2 files containing 6 fonts (note that mingliub is not a Bold variant): </p>
|
|
||||||
|
|
||||||
<p>Font collection file (mingliu.ttc) contains the following fonts:<br />
|
|
||||||
[1] MingLiU (mingliu) Regular<br />
|
|
||||||
[2] PMingLiU (pmingliu) Regular (Proportional)<br />
|
|
||||||
[3] MingLiU_HKSCS (mingliu_hkscs) Regular<br />
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>Font collection file (mingliub.ttc) contains the following fonts:<br />
|
|
||||||
[1] MingLiU-ExtB (mingliu-extb) Regular<br />
|
|
||||||
[2] PMingLiU-ExtB (pmingliu-extb) Regular (Proportional)<br />
|
|
||||||
[3] MingLiU_HKSCS-ExtB (mingliu_hkscs-extb) Regular<br />
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>The following text includes characters from both BMP and SIP:</p>
|
|
||||||
|
|
||||||
<div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE;">
|
|
||||||
<div style="font-family:mingliu;">
|
|
||||||
鼂 鼦 齄 齐 齢 齩 𣊉 𣊊
|
|
||||||
</div>
|
|
||||||
<div style="font-family:mingliu_hkscs;">
|
|
||||||
鼂 鼦 齄 齐 齢 齩 𣊉 𣊊
|
|
||||||
</div>
|
|
||||||
<div style="font-family:pmingliu;">
|
|
||||||
鼂 鼦 齄 齐 齢 齩 𣊉 𣊊
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p>This is the entry in the config_fonts.php configuration file:</p>
|
|
||||||
<div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE; font-family: \'Courier new\'; font-size: 8.5pt;">
|
|
||||||
$this->fontdata = array(<br />
|
|
||||||
...<br />
|
|
||||||
"mingliu" => array(<br />
|
|
||||||
\'R\' => "mingliu.ttc",<br />
|
|
||||||
\'TTCfontID\' => array (<br />
|
|
||||||
\'R\' => 1,<br />
|
|
||||||
),<br />
|
|
||||||
\'sip-ext\' => \'mingliu-extb\',<br />
|
|
||||||
),<br />
|
|
||||||
|
|
||||||
"pmingliu" => array(<br />
|
|
||||||
\'R\' => "mingliu.ttc",<br />
|
|
||||||
\'TTCfontID\' => array (<br />
|
|
||||||
\'R\' => 2,<br />
|
|
||||||
),<br />
|
|
||||||
\'sip-ext\' => \'pmingliu-extb\',<br />
|
|
||||||
),<br />
|
|
||||||
|
|
||||||
"mingliu_hkscs" => array(<br />
|
|
||||||
\'R\' => "mingliu.ttc",<br />
|
|
||||||
\'TTCfontID\' => array (<br />
|
|
||||||
\'R\' => 3,<br />
|
|
||||||
),<br />
|
|
||||||
\'sip-ext\' => \'mingliu_hkscs-extb\',<br />
|
|
||||||
),<br />
|
|
||||||
|
|
||||||
"mingliu-extb" => array(<br />
|
|
||||||
\'R\' => "mingliub.ttc",<br />
|
|
||||||
\'TTCfontID\' => array (<br />
|
|
||||||
\'R\' => 1,<br />
|
|
||||||
),<br />
|
|
||||||
),<br />
|
|
||||||
|
|
||||||
"pmingliu-extb" => array(<br />
|
|
||||||
\'R\' => "mingliub.ttc",<br />
|
|
||||||
\'TTCfontID\' => array (<br />
|
|
||||||
\'R\' => 2,<br />
|
|
||||||
),<br />
|
|
||||||
),<br />
|
|
||||||
|
|
||||||
"mingliu_hkscs-extb" => array(<br />
|
|
||||||
\'R\' => "mingliub.ttc",<br />
|
|
||||||
\'TTCfontID\' => array (<br />
|
|
||||||
\'R\' => 3,<br />
|
|
||||||
),<br />
|
|
||||||
),<br />
|
|
||||||
<br />
|
|
||||||
...<br />
|
|
||||||
);
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<p>This is the HTML code:</p>
|
|
||||||
<div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE; font-family: \'Courier new\'; font-size: 8.5pt;">
|
|
||||||
<div style="font-family:mingliu;">
|
|
||||||
&#40706; &#40742; &#40772; &#40784; &#40802; &#40809; &#x23289; &#x2328a;
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
<div style="font-family:mingliu_hkscs;">
|
|
||||||
&#40706; &#40742; &#40772; &#40784; &#40802; &#40809; &#x23289; &#x2328a;
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
<div style="font-family:pmingliu;">
|
|
||||||
&#40706; &#40742; &#40772; &#40784; &#40802; &#40809; &#x23289; &#x2328a;
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
if ($_REQUEST['html']) { echo $html; exit; }
|
|
||||||
if ($_REQUEST['source']) {
|
|
||||||
$file = __FILE__;
|
|
||||||
header("Content-Type: text/plain");
|
|
||||||
header("Content-Length: ". filesize($file));
|
|
||||||
header("Content-Disposition: attachment; filename='".$file."'");
|
|
||||||
readfile($file);
|
|
||||||
exit;
|
|
||||||
}
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF();
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,498 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('');
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
$html = '
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-size: 10pt;
|
|
||||||
}
|
|
||||||
h4 {
|
|
||||||
font-variant: small-caps;
|
|
||||||
}
|
|
||||||
h5 {
|
|
||||||
margin-bottom: 0;
|
|
||||||
color: #110044;
|
|
||||||
}
|
|
||||||
p { margin-top: 0; }
|
|
||||||
dl {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
table {
|
|
||||||
border-spacing: 0.5em;
|
|
||||||
border: 7px dashed teal;
|
|
||||||
}
|
|
||||||
.table1 {
|
|
||||||
background-image: -moz-linear-gradient(left, #07cdde 20%, #00f200 );
|
|
||||||
}
|
|
||||||
.table1 tr.thisrow1 {
|
|
||||||
background-image-resolution: 300dpi;
|
|
||||||
background: transparent url(\'bayeux1.jpg\') repeat scroll left top;
|
|
||||||
}
|
|
||||||
.table1 tr.thisrow1 td {
|
|
||||||
height: 28mm;
|
|
||||||
}
|
|
||||||
.table1 tr.thisrow2 {
|
|
||||||
background-image: none;
|
|
||||||
background: -moz-linear-gradient(left, #c7Fdde 20%, #FF0000 );
|
|
||||||
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.29, rgb(90,83,12)), color-stop(0.65, rgb(117,117,39)), color-stop(0.83, rgb(153,153,67)));
|
|
||||||
}
|
|
||||||
.table3 {
|
|
||||||
border-collapse: collapse;
|
|
||||||
/* background-gradient: linear #07cdde #00f200 1 0 0.5 1; */
|
|
||||||
background: -moz-linear-gradient(left, #07cdde 20%, #00f200 );
|
|
||||||
}
|
|
||||||
tr.thisrow {
|
|
||||||
border: 3px dashed red;
|
|
||||||
background: transparent url(\'bayeux1.jpg\') repeat scroll left top;
|
|
||||||
}
|
|
||||||
.table3 tr.thisrow {
|
|
||||||
border: 3px dashed orange;
|
|
||||||
background: transparent url(\'bgrock.jpg\') repeat scroll left top;
|
|
||||||
}
|
|
||||||
tfoot tr {
|
|
||||||
border: 5px dashed blue;
|
|
||||||
/* background-gradient: linear #c7Fdde #FF0000 1 0 0.5 0; */
|
|
||||||
background: -moz-linear-gradient(left, #c7Fdde 20%, #FF0000 );
|
|
||||||
}
|
|
||||||
.gradient {
|
|
||||||
border:0.1mm solid #220044;
|
|
||||||
background-color: #f0f2ff;
|
|
||||||
background: linear-gradient(top, #c7cdde, #f0f2ff);
|
|
||||||
}
|
|
||||||
.rounded {
|
|
||||||
border:0.1mm solid #220044;
|
|
||||||
background-color: #f0f2ff;
|
|
||||||
background: linear-gradient(top, #c7cdde, #f0f2ff);
|
|
||||||
border-radius: 2mm;
|
|
||||||
background-clip: border-box;
|
|
||||||
}
|
|
||||||
div.text {
|
|
||||||
padding:1em;
|
|
||||||
margin: 1em 0;
|
|
||||||
text-align:justify;
|
|
||||||
}
|
|
||||||
.code {
|
|
||||||
font-family: mono;
|
|
||||||
font-size: 9pt;
|
|
||||||
background-color: #d5d5d5;
|
|
||||||
margin: 1em 1cm;
|
|
||||||
padding: 0 0.3cm;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<body style="background: -moz-repeating-radial-gradient(rgba(255,0,0,0.1), rgba(0,0,255,0.1) 40px, rgba(255,0,0,0.1) 80px)">
|
|
||||||
|
|
||||||
<div style="position:fixed; top: 0; right: 0"><img src="tux.svg" width="110" /></div>
|
|
||||||
|
|
||||||
<h1></a>mPDF</h1>
|
|
||||||
<h2>New features in mPDF Version 5.1</h2>
|
|
||||||
|
|
||||||
<div class="rounded text">
|
|
||||||
<ul>
|
|
||||||
<li>CSS background (images, colours or gradients) on <TR> and <TABLE></li>
|
|
||||||
<li>CSS border on <TR> (only in border-collapsed mode)</li>
|
|
||||||
<li>support for Mozilla and CSS3 gradient syntax:
|
|
||||||
<ul>
|
|
||||||
<li>-moz-linear-gradient, linear-gradient</li>
|
|
||||||
<li>-moz-radial-gradient, radial-gradient</li>
|
|
||||||
<li>-moz-repeating-linear-gradient, linear-repeating-gradient</li>
|
|
||||||
<li>-moz-repeating-radial-gradient, radial-repeating-gradient</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>expanded support for gradients (including in SVG images):
|
|
||||||
<ul>
|
|
||||||
<li>multiple colour \'stops\'</li>
|
|
||||||
<li>opacity (transparency)</li>
|
|
||||||
<li>angle and/or position can be specified</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>gradient can be used as an image mask (custom mPDF styles: gradient-mask)</li>
|
|
||||||
<li>CSS3 image-orientation supported for <IMG> (similar to existing custom mPDF attribute: rotate)</li>
|
|
||||||
<li>CSS3 image-resolution supported for <IMG></li>
|
|
||||||
<li>background-image-resolution (custom mPDF CSS-type style) to define resolution of background images</li>
|
|
||||||
<li>improved support for SVG images</li>
|
|
||||||
<li>SVG and WMF images supported in background-image</li>
|
|
||||||
<li>file attachments (embedded in PDF file) → → → → → <annotation file="tiger.jpg" content="This is a file attachment (embedded file)
|
|
||||||
Double-click to open attached file
|
|
||||||
Right-click to save file on your computer" icon="Paperclip" title="Attached File: tiger.jpg" pos-x="150" /></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Tables: borders, background images & gradients</div>
|
|
||||||
|
|
||||||
<div class="rounded text">Background images or gradients can be set on whole tables or table rows (as well as individual table cells)</div>
|
|
||||||
|
|
||||||
<table class="table1">
|
|
||||||
<tbody><tr><td>Row 1</td><td>This is data</td><td>This is data</td></tr>
|
|
||||||
<tr class="thisrow1"><td>This row has</td><td>a background-image</td><td>of the bayeux tapestry</td></tr>
|
|
||||||
<tr><td><p>Row 3</p></td><td><p>This is long data</p></td><td>This is data</td></tr>
|
|
||||||
<tr class="thisrow2"><td>This row has</td><td>a gradient set</td><td>which spans all 3 cells</td></tr>
|
|
||||||
<tr><td>Row 5</td><td>Also data</td><td>Also data</td></tr>
|
|
||||||
</tbody></table>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="rounded text">Border can be set on table rows (only when border-collapse is set to collapse)</div>
|
|
||||||
|
|
||||||
<table class="table3" border="1">
|
|
||||||
<tbody><tr><td>Row 1</td><td>This is data</td><td>This is data</td></tr>
|
|
||||||
<tr class="thisrow"><td>Row 2</td><td>This is data<br />This is data<br />This is data<br />This is data</td><td>Also data</td></tr>
|
|
||||||
<tr><td><p>Row 3</p></td><td><p>This is long data</p></td><td>This is data</td></tr>
|
|
||||||
</tbody></table>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- ============================================================== -->
|
|
||||||
|
|
||||||
|
|
||||||
<div style="margin-top: 2em; height: 2mm; background-image: -moz-linear-gradient(45deg, red, blue);"> </div>
|
|
||||||
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Mozilla and CSS3 gradient syntax</div>
|
|
||||||
|
|
||||||
<div style="height: 2mm; background-image: -moz-linear-gradient(45deg, red, blue);"> </div>
|
|
||||||
<h2>Linear gradients</h2>
|
|
||||||
<h4> Angle set AND points e.g. -moz-linear-gradient(34% 84% 30deg, red, orange, yellow...</h4>
|
|
||||||
<table style="border-collapse: collapse; repeat scroll left top; border: none;">
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(top right 210deg, red, orange, yellow, green, blue, indigo, violet);">top right 210 degrees </td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(top right 210deg, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(30% 80% 60deg, red, orange, yellow, green, blue, indigo, violet);">30% 80% 60 degrees </td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(30% 80% 60deg, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(10px 40px 325deg, red, orange, yellow, green, blue, indigo, violet);">10px 40px 325 degrees </td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(10px 40px 325deg, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(bottom left 135deg, red, orange, yellow, green, blue, indigo, violet);">bottom left 135deg </td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(bottom left 135deg, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
<h4> Points set only e.g. -moz-linear-gradient(bottom left, red, orange, yellow...</h4>
|
|
||||||
|
|
||||||
<table style="border-collapse: collapse; repeat scroll left top; border: none;">
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(bottom right, red, orange, yellow, green, blue, indigo, violet);">bottom right</td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(bottom right, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet);">top</td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(10px 40px, red, orange, yellow, green, blue, indigo, violet);">10px 40px</td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(10px 40px, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(30% 10%, red, orange, yellow, green, blue, indigo, violet);">30% 10%</td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(30% 10%, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
<h4> Angle set but no points e.g. -moz-linear-gradient(30deg, red, orange, yellow...</h4>
|
|
||||||
|
|
||||||
<table style="border-collapse: collapse; repeat scroll left top; border: none;">
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);">90 degrees </td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(120deg, red, orange, yellow, green, blue, indigo, violet);">120 degrees </td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(120deg, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet);">180 degrees </td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(210deg, red, orange, yellow, green, blue, indigo, violet);">210 degrees </td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(210deg, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="rounded text">
|
|
||||||
<p>Linear and radial gradients are not specified in the CSS2 specification. The CSS3 draft specification gives a way of outputting gradients, but currently this is not supported by any browser.</p>
|
|
||||||
<p>Mozilla (Firefox) has developed its own way of producing gradients, which approximates to the CSS3 draft specification: </p>
|
|
||||||
<ul>
|
|
||||||
<li><i>-moz-linear-gradient</i> </li>
|
|
||||||
<li><i>-moz-repeating-linear-gradient</i></li>
|
|
||||||
<li><i>-moz-radial-gradient</i> and </li>
|
|
||||||
<li><i>-moz-repeating-radial-gradient</i></li>
|
|
||||||
</ul>
|
|
||||||
<p>WebKit (Safari, Chrome etc.) have a separate way of defining gradients using <i>-webkit-gradient</i></p>
|
|
||||||
<p>Microsoft (IE) does not support any such method of specifying gradients, but does have a function <i>filter: progid:DXImageTransform.Microsoft.gradient()</i> </p>
|
|
||||||
<p>When writing HTML for cross-browser compatibility, it is common to see something like this in a stylesheet:</p>
|
|
||||||
<p class="code">
|
|
||||||
background: #999999; /* for non-css3 browsers */<br />
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\'#cccccc\', endColorstr=\'#000000\'); /* for IE */<br />
|
|
||||||
background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#000000)); /* for webkit browsers */<br />
|
|
||||||
background: -moz-linear-gradient(top, #cccccc, #000000); /* for firefox 3.6+ */<br />
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<p>mPDF versions <= 5.0 supported a custom style property <i>background-gradient</i> which accepted both linear and radial gradients. These continue to be supported (and both old and new forms can be used together); note the differences:</p>
|
|
||||||
<ul>
|
|
||||||
<li>mPDF background-gradients are output underneath background-images, and both can be specified; whereas the new CSS3/Mozilla-type gradients are defined as a type of background-image</li>
|
|
||||||
<li>CSS3/Mozilla gradients support multiple colour-stops, opacity, repeating-gradients, and a greater number of options for defining the gradient axis (linear gradients) or shape and extent (radial gradients)</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<p>mPDF will attempt to parse a CSS stylesheet written for cross-browser compatibility:</p>
|
|
||||||
<ul>
|
|
||||||
<li>parse and support <i>-moz</i> type gradients</li>
|
|
||||||
<li>parse and support CSS3 gradient syntax</li>
|
|
||||||
<li>ignore <i>-webkit</i> syntax gradients</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
|
|
||||||
<p>More details can be found at:</p>
|
|
||||||
<ul>
|
|
||||||
<li>Mozilla linear - <a href="https://developer.mozilla.org/en/CSS/-moz-linear-gradient">https://developer.mozilla.org/en/CSS/-moz-linear-gradient</a></li>
|
|
||||||
<li>Mozilla radial - <a href="https://developer.mozilla.org/en/CSS/-moz-radial-gradient">https://developer.mozilla.org/en/CSS/-moz-radial-gradient</a></li>
|
|
||||||
<li>Mozilla gradients use - <a href="https://developer.mozilla.org/en/Using_gradients">https://developer.mozilla.org/en/Using_gradients</a></li>
|
|
||||||
<li>CSS3 linear gradients - <a href="http://dev.w3.org/csswg/css3-images/#linear-gradients">http://dev.w3.org/csswg/css3-images/#linear-gradients</a></li>
|
|
||||||
<li>CSS3 radial gradients - <a href="http://dev.w3.org/csswg/css3-images/#radial-gradients">http://dev.w3.org/csswg/css3-images/#radial-gradients</a></li>
|
|
||||||
<li>WebKit gradients - <a href="http://webkit.org/blog/175/introducing-css-gradients/">http://webkit.org/blog/175/introducing-css-gradients/</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Repeating gradients</div>
|
|
||||||
|
|
||||||
<p class="code">
|
|
||||||
background: repeating-linear-gradient(red, blue 20px, red 40px);
|
|
||||||
<br /> <br />
|
|
||||||
background: -moz-repeating-linear-gradient(top left -45deg, red, red 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 20px);
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div style="float: right; width: 250px; height: 150px; background: -moz-repeating-linear-gradient(top left -45deg, red, red 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 20px);"> </div>
|
|
||||||
|
|
||||||
<div style="float: left; width: 250px; height: 150px; background: repeating-linear-gradient(red, blue 20px, red 40px);"> </div>
|
|
||||||
<br style="clear: both;" />
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<p class="code">
|
|
||||||
background: repeating-radial-gradient(20px 30px, circle farthest-side, red, yellow, green 10px, yellow 15px, red 20px);
|
|
||||||
<br /> <br />
|
|
||||||
background: repeating-radial-gradient(red, blue 20px, red 40px);
|
|
||||||
</p>
|
|
||||||
<div style="float: right; width: 250px; height: 150px; background: repeating-radial-gradient(red, blue 20px, red 40px);"> </div>
|
|
||||||
|
|
||||||
<div style="float: left; width: 250px; height: 150px; background: repeating-radial-gradient(20px 30px, circle farthest-side, red, yellow, green 10px, yellow 15px, red 20px);"> </div>
|
|
||||||
<br style="clear: both;" />
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
|
|
||||||
<h2>Radial gradients</h2>
|
|
||||||
|
|
||||||
<div style="float: right; width: 250px; height: 150px; padding: 15px; background: #F56991; color: #E8F3F8;
|
|
||||||
border-radius: 155px / 100px;
|
|
||||||
-moz-border-radius: 155px / 100px;
|
|
||||||
box-shadow: 10px 10px 25px #CCC;
|
|
||||||
-moz-box-shadow: 5px 5px 25px #CCC;
|
|
||||||
background-image: -moz-radial-gradient(70% 30%, ellipse , #ffffff 0%, #F56991 50%, #8A2624 100%);"> </div>
|
|
||||||
|
|
||||||
|
|
||||||
<div style="float: left; width: 150px; height: 150px; padding: 15px; background: #F56991; color: #E8F3F8;
|
|
||||||
border-radius: 100px;
|
|
||||||
-moz-border-radius: 100px;
|
|
||||||
box-shadow: 10px 10px 25px #CCC;
|
|
||||||
-moz-box-shadow: 5px 5px 25px #CCC;
|
|
||||||
background-image: -moz-radial-gradient(70% 30%, circle , #ffffff 0%, #E56991 50%, #8A2624 100%);"> </div>
|
|
||||||
<br style="clear: both;" />
|
|
||||||
|
|
||||||
|
|
||||||
<div style="float: right; width: 150px; height: 150px; border: 0.2mm solid black;
|
|
||||||
background: radial-gradient(bottom left, farthest-side, red, blue 50px, pink);
|
|
||||||
background-image: -moz-radial-gradient(red, yellow, #1E90FF);
|
|
||||||
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.48, rgb(107,14,86)), color-stop(0.74, rgb(140,41,112)), color-stop(0.87, rgb(168,70,146)));"> </div>
|
|
||||||
|
|
||||||
<div style="float: left; width: 150px; height: 150px; border: 0.2mm solid black; background-image: -moz-radial-gradient(red 5%, yellow 25%, #1E90FF 50%);"> </div>
|
|
||||||
<br style="clear: both;" />
|
|
||||||
|
|
||||||
<div style="float: right; width: 300px; height: 150px; border: 0.2mm solid black; background-image: -moz-radial-gradient(bottom left, circle, red, yellow, #1E90FF);"> </div>
|
|
||||||
|
|
||||||
<div style="float: left; width: 300px; height: 150px; border: 0.2mm solid black; background-image: -moz-radial-gradient(bottom left, ellipse, red, yellow, #1E90FF);"> </div>
|
|
||||||
<br style="clear: both;" />
|
|
||||||
|
|
||||||
<div style="float: right; width: 300px; height: 150px; border: 0.2mm solid black; background-image: -moz-radial-gradient(ellipse closest-side, red, yellow 10%, #1E90FF 50%, white);"> </div>
|
|
||||||
|
|
||||||
<div style="float: left; width: 300px; height: 150px; border: 0.2mm solid black; background-image: -moz-radial-gradient(ellipse farthest-corner, red, yellow 10%, #1E90FF 50%, white);"> </div>
|
|
||||||
<br style="clear: both;" />
|
|
||||||
|
|
||||||
|
|
||||||
<p style="background-image: -moz-radial-gradient(center , red, orange, yellow, green, blue, indigo, violet);"> <br /> <br /> <br /> <br /> <br /> <br /> </p>
|
|
||||||
|
|
||||||
<p style="background-image: -moz-radial-gradient(center , circle closest-side, blue 0%, red 100%);"> <br /> <br /> <br /> <br /> <br /> </p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Gradient Image mask</div>
|
|
||||||
|
|
||||||
<div class="rounded text">Gradients (linear or radial) can also be used to produce \'masks\' for images. The same syntax is used as for background gradients (e.g. -moz-linear-gradient) but is set using a custom mPDF style: <i>gradient-mask</i>. The rgba() method for defining colours is used: colours are ignored, but the opacity value is used to mask the image.</div>
|
|
||||||
|
|
||||||
<p class="code"><img src="windmill.jpg" style="gradient-mask: -moz-radial-gradient(center, ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1) 30%, rgba(255,255,255,0) 90%, rgba(255,255,255,0));" />
|
|
||||||
<br /><br /><img src="windmill.jpg" style="gradient-mask: -moz-radial-gradient(center, ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1) 70%, rgba(255,255,255,0) 90%, rgba(255,255,255,0));" />
|
|
||||||
<br /><br /><img src="windmill.jpg" style="gradient-mask: -moz-linear-gradient(left, rgba(0,0,0,0) , rgba(0,0,0,1) 50% , rgba(0,0,0,0) 100%);" />
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<img src="windmill.jpg" style="gradient-mask: -moz-radial-gradient(center, ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1) 30%, rgba(255,255,255,0) 90%, rgba(255,255,255,0));" />
|
|
||||||
<img src="windmill.jpg" style="gradient-mask: -moz-radial-gradient(center, ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1) 70%, rgba(255,255,255,0) 90%, rgba(255,255,255,0));" />
|
|
||||||
<img src="windmill.jpg" style="gradient-mask: -moz-linear-gradient(left, rgba(0,0,0,0) , rgba(0,0,0,1) 50% , rgba(0,0,0,0) 100%);" />
|
|
||||||
|
|
||||||
|
|
||||||
<br />
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Image orientation</div>
|
|
||||||
|
|
||||||
<div class="rounded text">Images can be rotated using a custom mPDF HTML attribute: rotate. mPDF now also supports the draft CSS3 property of image-orientation. Rotation can be expressed in degrees, radians or grad units; it is corrected if necessary to an orthogonal rotation i.e. 90, 180 or 270 degrees. NB This does not work on background-images.</div>
|
|
||||||
<p class="code"><img src="tiger2.png" style="image-orientation: -90deg" width="100" />
|
|
||||||
<br />
|
|
||||||
<img src="tiger2.png" style="image-orientation: 3.14159rad" width="100" />
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<img src="tiger2.png" width="100" />
|
|
||||||
<img src="tiger2.png" style="image-orientation: 75deg;" width="100" />
|
|
||||||
<img src="tiger2.png" style="image-orientation: 180deg; image-resolution: 300dpi; " width="100" />
|
|
||||||
<img src="tiger2.png" style="image-orientation: -90deg" width="100" />
|
|
||||||
|
|
||||||
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Image resolution</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="rounded text">Image files (which do not have an output width or height specified) are displayed in mPDF at the default resolution set by the variable $mpdf->img_dpi. This can be overridden using the draft CSS3 property \'image-resolution\', which can be applied to <IMG> or background-images.
|
|
||||||
<br />
|
|
||||||
The next 3 image files are identical (300px x 300px) but they have been saved with a different specified resolution: the first at 96dpi, the second at 300dpi.
|
|
||||||
<br />
|
|
||||||
NB When used in combination with \'from-image\', a specified resolution is only used if the image does not have an intrinsic resolution. Only JPG, PNG and BMP files store a specified DPI resolution in the file.</div>
|
|
||||||
|
|
||||||
<p class="code"><img src="tiger300px300dpi.png" style="image-resolution: from-image;" />
|
|
||||||
<br /><img src="tiger300px300dpi.png" style="image-resolution: 150dpi;" />
|
|
||||||
<br /><img src="tiger300px96dpi.png" style="image-resolution: from-image;" /></p>
|
|
||||||
|
|
||||||
<img src="tiger300px300dpi.png" style="image-resolution: from-image;" />
|
|
||||||
<img src="tiger300px300dpi.png" style="image-resolution: 150dpi;" />
|
|
||||||
<img src="tiger300px96dpi.png" style="image-resolution: from-image;" />
|
|
||||||
<br /> <br />
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
<div class="rounded text">Image resolution can also be applied to a background-image. This can be used as an alternative to the custom mPDF style property - \'background-image-resize\'</div>
|
|
||||||
|
|
||||||
<p class="code"><div height="300px" width="300px" style="background: #FFCCEE url(tiger300px96dpi.png); background-image-resolution: from-image; border: 0.2mm solid black;"></p>
|
|
||||||
<div height="300px" width="300px" style="background: #FFCCEE url(tiger300px96dpi.png); background-image-resolution: from-image; border: 0.2mm solid black;">Hallo<br />world
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<p class="code"><div height="300px" width="300px" style="background-image: url(tiger300px300dpi.png); background-image-resolution: from-image; border: 0.2mm solid black;"></p>
|
|
||||||
<div height="300px" width="300px" style="background-image: url(tiger300px300dpi.png); background-image-resolution: from-image; border: 0.2mm solid black;">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<br />
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Mixed effects</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div style="padding: 15px; background: url(flowers-pattern.jpg) repeat right; border-radius: 90px;background-color: #00f200 ; ">
|
|
||||||
<div style="padding: 15px; background: -moz-linear-gradient(top right, red, orange, yellow, green, blue, indigo, violet); border-radius: 75px; ">
|
|
||||||
<div style="padding: 15px; background-gradient: linear #07cdde #00f200 0 0 0.5 1; border-radius: 60px; ">
|
|
||||||
<div style="padding: 15px; background: url(flowers-pattern.jpg) repeat right; border-radius: 45px; background-image-resolution: 180dpi; ">
|
|
||||||
<div style="padding: 15px; background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); border-radius: 30px; ">
|
|
||||||
<div style="padding: 15px; background: url(alpha3.png) repeat top left; border-radius: 15px; background-image-resolution: 180dpi; ">
|
|
||||||
Hallo World
|
|
||||||
</div>
|
|
||||||
<div style="padding: 15px; background: url(alpha3.png) repeat top left; border-radius: 15px; background-image-resolution: 360dpi; ">
|
|
||||||
Hallo World
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<div style="background-color:#FF0000 ; width:180px; background-image: -moz-radial-gradient(center, ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1) 70%, rgba(255,255,255,0) 90%, rgba(255,255,255,0));">
|
|
||||||
<img src="tux.svg" width="180" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
if ($_REQUEST['html']) { echo $html; exit; }
|
|
||||||
if ($_REQUEST['source']) {
|
|
||||||
$file = __FILE__;
|
|
||||||
header("Content-Type: text/plain");
|
|
||||||
header("Content-Length: ". filesize($file));
|
|
||||||
header("Content-Disposition: attachment; filename='".$file."'");
|
|
||||||
readfile($file);
|
|
||||||
exit;
|
|
||||||
}
|
|
||||||
//==============================================================
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
// OUTPUT
|
|
||||||
$mpdf->Output(); exit;
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,456 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('');
|
|
||||||
|
|
||||||
$mpdf->useKerning=true;
|
|
||||||
|
|
||||||
$mpdf->restrictColorSpace=3; // forces everything to convert to CMYK colors
|
|
||||||
|
|
||||||
$mpdf->AddSpotColor('PANTONE 534 EC',85,65,47,9);
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
$html = '
|
|
||||||
<style>
|
|
||||||
@page {
|
|
||||||
sheet-size: A4;
|
|
||||||
size: 17cm 25cm;
|
|
||||||
margin: 10%; /* % of page-box width for LR, height for TB */
|
|
||||||
margin-header: 5mm;
|
|
||||||
margin-footer: 5mm;
|
|
||||||
margin-left: 2cm;
|
|
||||||
margin-right: 1cm;
|
|
||||||
marks: cross crop;
|
|
||||||
background-image: -moz-repeating-radial-gradient(rgba(255,0,0,0.1), rgba(0,0,255,0.1) 40px, rgba(255,0,0,0.1) 80px);
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-size: 10pt;
|
|
||||||
}
|
|
||||||
h4 {
|
|
||||||
font-variant: small-caps;
|
|
||||||
}
|
|
||||||
h5 {
|
|
||||||
margin-bottom: 0;
|
|
||||||
color: #110044;
|
|
||||||
}
|
|
||||||
p { margin-top: 0; }
|
|
||||||
dl {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
table {
|
|
||||||
border-spacing: 0.5em;
|
|
||||||
border: 7px dashed teal;
|
|
||||||
}
|
|
||||||
.table1 {
|
|
||||||
background-image: -moz-linear-gradient(left, #07cdde 20%, #00f200 );
|
|
||||||
}
|
|
||||||
.table1 tr.thisrow1 {
|
|
||||||
background-image-resolution: 300dpi;
|
|
||||||
background: transparent url(\'bayeux1.jpg\') repeat scroll left top;
|
|
||||||
}
|
|
||||||
.table1 tr.thisrow1 td {
|
|
||||||
height: 28mm;
|
|
||||||
}
|
|
||||||
.table1 tr.thisrow2 {
|
|
||||||
background-image: none;
|
|
||||||
background: -moz-linear-gradient(left, #c7Fdde 20%, #FF0000 );
|
|
||||||
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.29, rgb(90,83,12)), color-stop(0.65, rgb(117,117,39)), color-stop(0.83, rgb(153,153,67)));
|
|
||||||
}
|
|
||||||
.table3 {
|
|
||||||
border-collapse: collapse;
|
|
||||||
/* background-gradient: linear #07cdde #00f200 1 0 0.5 1; */
|
|
||||||
background: -moz-linear-gradient(left, #07cdde 20%, #00f200 );
|
|
||||||
}
|
|
||||||
tr.thisrow {
|
|
||||||
border: 3px dashed red;
|
|
||||||
background: transparent url(\'bayeux1.jpg\') repeat scroll left top;
|
|
||||||
}
|
|
||||||
.table3 tr.thisrow {
|
|
||||||
border: 3px dashed orange;
|
|
||||||
background: transparent url(\'bgrock.jpg\') repeat scroll left top;
|
|
||||||
}
|
|
||||||
tfoot tr {
|
|
||||||
border: 5px dashed blue;
|
|
||||||
/* background-gradient: linear #c7Fdde #FF0000 1 0 0.5 0; */
|
|
||||||
background: -moz-linear-gradient(left, #c7Fdde 20%, #FF0000 );
|
|
||||||
}
|
|
||||||
.gradient {
|
|
||||||
border:0.1mm solid #220044;
|
|
||||||
background-color: #f0f2ff;
|
|
||||||
background: linear-gradient(top, #c7cdde, #f0f2ff);
|
|
||||||
}
|
|
||||||
.rounded {
|
|
||||||
border:0.1mm solid #220044;
|
|
||||||
background-color: #f0f2ff;
|
|
||||||
background: linear-gradient(top, #c7cdde, #f0f2ff);
|
|
||||||
border-radius: 2mm;
|
|
||||||
background-clip: border-box;
|
|
||||||
}
|
|
||||||
div.text {
|
|
||||||
padding:1em;
|
|
||||||
margin: 1em 0;
|
|
||||||
text-align:justify;
|
|
||||||
}
|
|
||||||
.code {
|
|
||||||
font-family: mono;
|
|
||||||
font-size: 9pt;
|
|
||||||
background-color: #d5d5d5;
|
|
||||||
margin: 1em 1cm;
|
|
||||||
padding: 0 0.3cm;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div style="position:fixed; top: 0; right: 0"><img src="tux.svg" width="110" /></div>
|
|
||||||
|
|
||||||
<h1></a>mPDF</h1>
|
|
||||||
<h2>Other new features in mPDF Version 5.1</h2>
|
|
||||||
|
|
||||||
<div class="rounded text">
|
|
||||||
<ul>
|
|
||||||
<li>Kerning</li>
|
|
||||||
<li>Letter- and word-spacing</li>
|
|
||||||
<li>Small-caps improved to work with justified text, and now with kerning, letter- and word-spacing</li>
|
|
||||||
<li>Bleed area on @page media</li>
|
|
||||||
<li>Colorspace and colour conversion (almost everything except BMP images)</li>
|
|
||||||
<li>Spot colours</li>
|
|
||||||
<li>PDF/X files</li>
|
|
||||||
<li>dir="rtl"</li>
|
|
||||||
<li>numeric list-styles for arabic and indic</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- ============================================================== -->
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Kerning</div>
|
|
||||||
|
|
||||||
<div class="rounded text">Font kerning is supported. This corrects the inter-character spacing between specific pairs of letters. It is dependent on kerning information being available in the original font file.
|
|
||||||
<br />
|
|
||||||
You need to set $mpdf->useKerning=true; either in the config.php configuration file, or at runtime. This causes the kerning information to be loaded when fonts are accessed (and will therefore increase memory usage).
|
|
||||||
<br />
|
|
||||||
You can then set kerning on or off using the draft CSS3 style property "font-kerning". Values of normal or auto will turn kerning on; "none" will turn kerning off.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div style="border: 0.2mm solid black; font-family: arial; font-size: 40pt;">
|
|
||||||
Off: AWAY To War.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div style="border: 0.2mm solid black; font-family: arial; font-size: 40pt; font-kerning: auto;">
|
|
||||||
On: AWAY To War.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- ============================================================== -->
|
|
||||||
<pagebreak />
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Letter and word spacing & text justification</div>
|
|
||||||
|
|
||||||
<div class="rounded text">Letter- and word-spacing can be set on almost all block and in-line style elements, using the CSS properties letter-spacing and word-spacing. Values of normal or a length can be specified (em or ex recommended).
|
|
||||||
Note that setting the letter-spacing value (including setting it to zero) will prevent any additional letter-spacing to be added when full-justifying text. The word-spacing value, however, is a <i>minimum</i> value, and can be increased in order to justify text.
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
Text-align: justify - no longer uses configurable variable $jSpacing= C | W | \'\'
|
|
||||||
<br />
|
|
||||||
The default value is for mixed letter- and word-spacing, set by jSWord and jSmaxChar
|
|
||||||
<br />
|
|
||||||
If a line contains a cursive script (RTL or Indic [devanagari, punjabi, bengali]) then it prevents letter-spacing
|
|
||||||
for justification on that line - effectively the same as setting letter-spacing:0
|
|
||||||
<br />
|
|
||||||
Spacing values have been removed from the config_cp.php configuration file, so the "lang" property
|
|
||||||
(in config_cp) no longer determines justification behaviour (this includes the use of Autofont()).
|
|
||||||
<br />
|
|
||||||
When using RTL or Indic [devanagari, punjabi, bengali] scripts, you should set CSS letter-spacing:0
|
|
||||||
whenever you use text-align:justify.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p style="border: 0.2mm solid black; padding: 0.3em;">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. <span style="letter-spacing: 0.2em; color: red;">Letter spacing set at 0.2em. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci.</span> Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. <span style="word-spacing: 1em; color: teal;">Word spacing set at 1em. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien.</span> Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- ============================================================== -->
|
|
||||||
<pagebreak />
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Colours</div>
|
|
||||||
|
|
||||||
<div class="rounded text">Whenever a colour can be specified in a style, additional formats are now supported: rgb(), rgba(), hsl(), hsla(), cmyk(), cmyka(), or spot().
|
|
||||||
<br />
|
|
||||||
Spot colours need to be defined at the start of the script using e.g. $mpdf->AddSpotColor(\'PANTONE 534 EC\',85,65,47,9);
|
|
||||||
<br />
|
|
||||||
The four values define the CMYK values used when the spot colour is not available. A tint % can be specified when using the spot colour in the document.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div style="border: 0.2mm solid black; background-color: rgba(150,150,255, 0.5); color: rgb(0,150,150);">background-color: rgba(150,150,255, 0.5); color: rgb(0,150,150);</div>
|
|
||||||
<div style="border: 0.2mm solid black; background-color: rgba(60%,60%,100%, 0.5); color: rgb(0,60%,60%);">background-color: rgba(60%,60%,100%, 0.5); color: rgb(0,60%,60%);</div>
|
|
||||||
<div style="border: 0.2mm solid black; background-color: hsla(180,30%,25%, 0.5); color: hsl(360,100%,50%);">background-color: hsla(180,30%,25%, 0.5); color: hsl(360,100%,50%);</div>
|
|
||||||
<div style="border: 0.2mm solid black; background-color: cmyka(0,100,0,30, 0.3); color: spot(PANTONE 534 EC,90%);">background-color: cmyka(85,65,0,30, 0.3); color: spot(PANTONE 300 EC,80%);</div>
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<!-- ============================================================== -->
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">@page media</div>
|
|
||||||
|
|
||||||
<div class="rounded text">When using @page to create a print publication with page-size less than sheet-size, the bleed margin is now configurable.
|
|
||||||
Backgrounds/gradients/images now use the bleed box as their "container box", rather than the whole page. (See this document as an example.)
|
|
||||||
<br />
|
|
||||||
Crop- and cross-marks can now both be used together, and are more configurable.
|
|
||||||
Also, background-image-opacity and background-image-resize have been extended to work with @page CSS.
|
|
||||||
<br />
|
|
||||||
The following values can be set in the configuration file, config.php:
|
|
||||||
$this->bleedMargin<br />
|
|
||||||
$this->crossMarkMargin<br />
|
|
||||||
$this->cropMarkMargin<br />
|
|
||||||
$this->cropMarkLength<br />
|
|
||||||
$this->nonPrintMargin<br />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- ============================================================== -->
|
|
||||||
<pagebreak />
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Colorspace and colour conversion </div>
|
|
||||||
|
|
||||||
<div class="rounded text">PDF files can contain objects using different colorSpaces e.g. Grayscale, RGB and CMYK. By default,
|
|
||||||
mPDF creates PDF files using the colours as they are specified: font colour may be set (e.g. #880000) as an RGB colour, and the
|
|
||||||
file may contain JPG images in RGB or CMYK format.
|
|
||||||
<br />
|
|
||||||
In some circumstances, you may wish to create a PDF file with restricted colorSpaces e.g. printers will often want files
|
|
||||||
which contain only CMYK, spot colours, or grayscale, but <i>not</i> RGB.
|
|
||||||
<br />
|
|
||||||
Additional methods for defining colours can be used (see above), but alternatively you can set mPDF to restrict the colorSpace by setting
|
|
||||||
the value for $mpdf->restrictColorSpace:
|
|
||||||
<br />
|
|
||||||
1 - allow GRAYSCALE only [converts CMYK/RGB->gray]
|
|
||||||
<br />
|
|
||||||
2 - allow RGB / SPOT COLORS / Grayscale [converts CMYK->RGB]
|
|
||||||
<br />
|
|
||||||
3 - allow CMYK / SPOT COLORS / Grayscale [converts RGB->CMYK]
|
|
||||||
<br />
|
|
||||||
This will attempt to convert every colour value used in the document to the permitted colorSpace(s). Almost everything including images
|
|
||||||
will be converted (except BMP images), and the conversion of images may take significant time.
|
|
||||||
<br />
|
|
||||||
This example file is set to (3) CMYK; compare the appearance of the Tux penguin in this file and in the previous example file (RGB).
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<!-- ============================================================== -->
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">PDF/A and PDF/X files</div>
|
|
||||||
|
|
||||||
<div class="rounded text">mPDF can produce files which (attempt to) meet the PDF/A and PDF/X specifications. In addition to restricted colorSpace,
|
|
||||||
PDF/A and /X files cannot contain images or colour values with "transparency".
|
|
||||||
<br />
|
|
||||||
Please note that full compliance with the PDF/A or /X specification is not guaranteed.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- ============================================================== -->
|
|
||||||
<pagebreak />
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">RTL (right-to-left) text</div>
|
|
||||||
|
|
||||||
<div class="rounded text"><div>Handling of RTL (right-to-left) languages has been significantly rewritten, and is likely to cause
|
|
||||||
changes to the resulting files if you have previously been using mPDF. The changes have made mPDF
|
|
||||||
act more like a browser, respecting the HTML/CSS rules.
|
|
||||||
Changes include:</div>
|
|
||||||
<ul>
|
|
||||||
<li>the document now has a baseline direction; this determines the
|
|
||||||
<ul>
|
|
||||||
<li>behaviour of blocks for which text-align has not been specifically set</li>
|
|
||||||
<li>layout of mirrored page-margins, columns, ToC and Indexes, headers / footers</li>
|
|
||||||
<li>base direction can be set by any of:
|
|
||||||
<ul>
|
|
||||||
<li>$mpdf->SetDirectionality(\'rtl\');</li>
|
|
||||||
<li><html dir="rtl" or style="direction: rtl;"></li>
|
|
||||||
<li><body dir="rtl" or style="direction: rtl;"></li>
|
|
||||||
</ul></li>
|
|
||||||
<li>base direction is an inherited CSS property, so will affect all content, unless...</li>
|
|
||||||
</ul></li>
|
|
||||||
<li>direction can be set for all HTML block elements e.g. <DIV><P><TABLE><UL> etc using
|
|
||||||
<ul>
|
|
||||||
<li>CSS property <style="direction: rtl;"> </li>
|
|
||||||
<li>direction can only be set on the top-level element of nested lists</li>
|
|
||||||
<li>direction can only be set on <TABLE>, NOT on THEAD, TBODY, TD etc.</li>
|
|
||||||
<li>nested tables CAN have different directions</li>
|
|
||||||
</ul></li>
|
|
||||||
<li>NOTE that block/table margins/paddings are NOT reversed by direction</li>
|
|
||||||
<li>language (either CSS "lang", using Autofont, or through initial set-up e.g. $mpdf = new mPDF(\'ar\') )
|
|
||||||
no longer affects direction in any way.<br />
|
|
||||||
NB config_cp.php has been changed as a result; any values of "dir" set here are now ineffective</li>
|
|
||||||
<li>default text-align is now as per CSS spec: "a nameless value which is dependent on direction"<br />
|
|
||||||
NB default text-align removed in default stylesheet in config.php </li>
|
|
||||||
<li>once text-align is specified, it is respected and inherited<br />
|
|
||||||
NB mPDF <5.1 reversed the text-align property for all blocks when RTL set.</li>
|
|
||||||
<li>the configurable value $rtlcss is depracated, as it is no longer required</li>
|
|
||||||
<li>improved algorithm for dtermining text direction
|
|
||||||
<ul>
|
|
||||||
<li>english word blocks are handled in text reversal as one block i.e. dir="rtl"<br />
|
|
||||||
[arabic text] this will not be reversed [arabic text]</li>
|
|
||||||
<li>arabic numerals 0-9 handled correctly</li>
|
|
||||||
</ul></li>
|
|
||||||
</ul>
|
|
||||||
Although the control of direction for block elements is now more configurable, the control of
|
|
||||||
text direction (RTL arabic characters) remains fully automatic and unconfigurable.
|
|
||||||
<BDO> etc has no effect. Enclosing text in silent tags can sometimes help e.g.:
|
|
||||||
content<span>[arabic text]</span>content
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- ============================================================== -->
|
|
||||||
<pagebreak />
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">List styles</div>
|
|
||||||
<div class="rounded text">Additional numerical list-styles are supported. All of these (except Tamil) are consistent with the draft CSS3 specification:<br />
|
|
||||||
<b>list-style</b>: arabic-indic | bengali | devanagari | gujarati | gurmukhi | kannada | malayalam | oriya | persian | telugu | thai | urdu | tamil
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
ul.arabic { font-family:\'XB Zar\'; text-align: right; direction: rtl; }
|
|
||||||
ol.arabic { font-family:\'XB Zar\'; list-style: arabic-indic; text-align: right; direction: rtl; }
|
|
||||||
ol.persian { font-family:\'XB Zar\'; list-style: persian; text-align: right; direction: rtl; }
|
|
||||||
ol.urdu { font-family:\'XB Zar\'; list-style: urdu; text-align: right; direction: rtl; }
|
|
||||||
ol.bengali { font-family: ind_bn_1_001; list-style: bengali; }
|
|
||||||
ol.devanagari { font-family: ind_hi_1_001; list-style: devanagari; }
|
|
||||||
ol.gujarati { font-family: ind_gu_1_001; list-style: gujarati; }
|
|
||||||
ol.gurmukhi { font-family: ind_pa_1_001; list-style: gurmukhi; }
|
|
||||||
ol.kannada { font-family: ind_kn_1_001; list-style: kannada; }
|
|
||||||
ol.malayalam { font-family: ind_ml_1_001; list-style: malayalam ; }
|
|
||||||
ol.oriya { font-family: ind_or_1_001; list-style: oriya ; }
|
|
||||||
ol.tamil { font-family: ind_ta_1_001; list-style: tamil ; }
|
|
||||||
ol.telugu { font-family: ind_te_1_001; list-style: telugu ; }
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<ul class="arabic">
|
|
||||||
|
|
||||||
|
|
||||||
<li>Arabic
|
|
||||||
<ol class="arabic">
|
|
||||||
<li>One</li>
|
|
||||||
<li>Two</li>
|
|
||||||
<li>Three</li>
|
|
||||||
<li>Four</li>
|
|
||||||
<li>Five</li>
|
|
||||||
<li>Six</li>
|
|
||||||
</ol>
|
|
||||||
</li>
|
|
||||||
<li>Persian
|
|
||||||
<ol class="persian">
|
|
||||||
<li>One</li>
|
|
||||||
<li>Two</li>
|
|
||||||
<li>Three</li>
|
|
||||||
<li>Four</li>
|
|
||||||
<li>Five</li>
|
|
||||||
<li>Six</li>
|
|
||||||
</ol>
|
|
||||||
</li>
|
|
||||||
<li>Urdu
|
|
||||||
<ol class="urdu">
|
|
||||||
<li>One</li>
|
|
||||||
<li>Two</li>
|
|
||||||
<li>Three</li>
|
|
||||||
<li>Four</li>
|
|
||||||
<li>Five</li>
|
|
||||||
<li>Six</li>
|
|
||||||
</ol>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
|
|
||||||
<li>Bengali
|
|
||||||
<ol class="bengali">
|
|
||||||
<li>One</li>
|
|
||||||
<li>Two</li>
|
|
||||||
<li>Three</li>
|
|
||||||
<li>Four</li>
|
|
||||||
<li>Five</li>
|
|
||||||
</ol>
|
|
||||||
</li>
|
|
||||||
<li>Devanagari
|
|
||||||
<ol class="devanagari">
|
|
||||||
<li>One</li>
|
|
||||||
<li>Two</li>
|
|
||||||
<li>Three</li>
|
|
||||||
<li>Four</li>
|
|
||||||
<li>Five</li>
|
|
||||||
</ol>
|
|
||||||
</li>
|
|
||||||
<li>Gujarati
|
|
||||||
<ol class="gujarati">
|
|
||||||
<li>One</li>
|
|
||||||
<li>Two</li>
|
|
||||||
<li>Three</li>
|
|
||||||
<li>Four</li>
|
|
||||||
<li>Five</li>
|
|
||||||
</ol>
|
|
||||||
</li>
|
|
||||||
<li>Gurmukhi
|
|
||||||
<ol class="gurmukhi">
|
|
||||||
<li>One</li>
|
|
||||||
<li>Two</li>
|
|
||||||
<li>Three</li>
|
|
||||||
<li>Four</li>
|
|
||||||
<li>Five</li>
|
|
||||||
</ol>
|
|
||||||
</li>
|
|
||||||
<li>Kannada
|
|
||||||
<ol class="kannada">
|
|
||||||
<li>One</li>
|
|
||||||
<li>Two</li>
|
|
||||||
<li>Three</li>
|
|
||||||
<li>Four</li>
|
|
||||||
<li>Five</li>
|
|
||||||
</ol>
|
|
||||||
</li>
|
|
||||||
<li>Malayalam
|
|
||||||
<ol class="malayalam">
|
|
||||||
<li>One</li>
|
|
||||||
<li>Two</li>
|
|
||||||
<li>Three</li>
|
|
||||||
<li>Four</li>
|
|
||||||
<li>Five</li>
|
|
||||||
</ol>
|
|
||||||
</li>
|
|
||||||
<li>Oriya
|
|
||||||
<ol class="oriya">
|
|
||||||
<li>One</li>
|
|
||||||
<li>Two</li>
|
|
||||||
<li>Three</li>
|
|
||||||
<li>Four</li>
|
|
||||||
<li>Five</li>
|
|
||||||
</ol>
|
|
||||||
</li>
|
|
||||||
<li>Tamil
|
|
||||||
<ol class="tamil">
|
|
||||||
<li>One</li>
|
|
||||||
<li>Two</li>
|
|
||||||
<li>Three</li>
|
|
||||||
<li>Four</li>
|
|
||||||
<li>Five</li>
|
|
||||||
</ol>
|
|
||||||
</li>
|
|
||||||
<li>Telugu
|
|
||||||
<ol class="telugu">
|
|
||||||
<li>One</li>
|
|
||||||
<li>Two</li>
|
|
||||||
<li>Three</li>
|
|
||||||
<li>Four</li>
|
|
||||||
<li>Five</li>
|
|
||||||
</ol>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
// OUTPUT
|
|
||||||
$mpdf->Output(); exit;
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,497 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('');
|
|
||||||
|
|
||||||
$mpdf->restrictColorSpace = 1; // forces to grayscale
|
|
||||||
//==============================================================
|
|
||||||
$html = '
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-size: 10pt;
|
|
||||||
}
|
|
||||||
h4 {
|
|
||||||
font-variant: small-caps;
|
|
||||||
}
|
|
||||||
h5 {
|
|
||||||
margin-bottom: 0;
|
|
||||||
color: #110044;
|
|
||||||
}
|
|
||||||
p { margin-top: 0; }
|
|
||||||
dl {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
table {
|
|
||||||
border-spacing: 0.5em;
|
|
||||||
border: 7px dashed teal;
|
|
||||||
}
|
|
||||||
.table1 {
|
|
||||||
background-image: -moz-linear-gradient(left, #07cdde 20%, #00f200 );
|
|
||||||
}
|
|
||||||
.table1 tr.thisrow1 {
|
|
||||||
background-image-resolution: 300dpi;
|
|
||||||
background: transparent url(\'bayeux1.jpg\') repeat scroll left top;
|
|
||||||
}
|
|
||||||
.table1 tr.thisrow1 td {
|
|
||||||
height: 28mm;
|
|
||||||
}
|
|
||||||
.table1 tr.thisrow2 {
|
|
||||||
background-image: none;
|
|
||||||
background: -moz-linear-gradient(left, #c7Fdde 20%, #FF0000 );
|
|
||||||
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.29, rgb(90,83,12)), color-stop(0.65, rgb(117,117,39)), color-stop(0.83, rgb(153,153,67)));
|
|
||||||
}
|
|
||||||
.table3 {
|
|
||||||
border-collapse: collapse;
|
|
||||||
/* background-gradient: linear #07cdde #00f200 1 0 0.5 1; */
|
|
||||||
background: -moz-linear-gradient(left, #07cdde 20%, #00f200 );
|
|
||||||
}
|
|
||||||
tr.thisrow {
|
|
||||||
border: 3px dashed red;
|
|
||||||
background: transparent url(\'bayeux1.jpg\') repeat scroll left top;
|
|
||||||
}
|
|
||||||
.table3 tr.thisrow {
|
|
||||||
border: 3px dashed orange;
|
|
||||||
background: transparent url(\'bgrock.jpg\') repeat scroll left top;
|
|
||||||
}
|
|
||||||
tfoot tr {
|
|
||||||
border: 5px dashed blue;
|
|
||||||
/* background-gradient: linear #c7Fdde #FF0000 1 0 0.5 0; */
|
|
||||||
background: -moz-linear-gradient(left, #c7Fdde 20%, #FF0000 );
|
|
||||||
}
|
|
||||||
.gradient {
|
|
||||||
border:0.1mm solid #220044;
|
|
||||||
background-color: #f0f2ff;
|
|
||||||
background: linear-gradient(top, #c7cdde, #f0f2ff);
|
|
||||||
}
|
|
||||||
.rounded {
|
|
||||||
border:0.1mm solid #220044;
|
|
||||||
background-color: #f0f2ff;
|
|
||||||
background: linear-gradient(top, #c7cdde, #f0f2ff);
|
|
||||||
border-radius: 2mm;
|
|
||||||
background-clip: border-box;
|
|
||||||
}
|
|
||||||
div.text {
|
|
||||||
padding:1em;
|
|
||||||
margin: 1em 0;
|
|
||||||
text-align:justify;
|
|
||||||
}
|
|
||||||
.code {
|
|
||||||
font-family: mono;
|
|
||||||
font-size: 9pt;
|
|
||||||
background-color: #d5d5d5;
|
|
||||||
margin: 1em 1cm;
|
|
||||||
padding: 0 0.3cm;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<body style="background: -moz-repeating-radial-gradient(rgba(255,0,0,0.1), rgba(0,0,255,0.1) 40px, rgba(255,0,0,0.1) 80px)">
|
|
||||||
|
|
||||||
<div style="position:fixed; top: 0; right: 0"><img src="tux.svg" width="110" /></div>
|
|
||||||
|
|
||||||
<h1></a>mPDF</h1>
|
|
||||||
<h2>New features in mPDF Version 5.1</h2>
|
|
||||||
|
|
||||||
<div class="rounded text">
|
|
||||||
<p>This is a copy of Example 54, but all object colours are converted to grayscale using simply:</p>
|
|
||||||
<p class="code">$mpdf->restrictColorSpace = 1;</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="rounded text">
|
|
||||||
<ul>
|
|
||||||
<li>CSS background (images, colours or gradients) on <TR> and <TABLE></li>
|
|
||||||
<li>CSS border on <TR> (only in border-collapsed mode)</li>
|
|
||||||
<li>support for Mozilla and CSS3 gradient syntax:
|
|
||||||
<ul>
|
|
||||||
<li>-moz-linear-gradient, linear-gradient</li>
|
|
||||||
<li>-moz-radial-gradient, radial-gradient</li>
|
|
||||||
<li>-moz-repeating-linear-gradient, linear-repeating-gradient</li>
|
|
||||||
<li>-moz-repeating-radial-gradient, radial-repeating-gradient</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>expanded support for gradients (including in SVG images):
|
|
||||||
<ul>
|
|
||||||
<li>multiple colour \'stops\'</li>
|
|
||||||
<li>opacity (transparency)</li>
|
|
||||||
<li>angle and/or position can be specified</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>etc...</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Tables: borders, background images & gradients</div>
|
|
||||||
|
|
||||||
<div class="rounded text">Background images or gradients can be set on whole tables or table rows (as well as individual table cells)</div>
|
|
||||||
|
|
||||||
<table class="table1">
|
|
||||||
<tbody><tr><td>Row 1</td><td>This is data</td><td>This is data</td></tr>
|
|
||||||
<tr class="thisrow1"><td>This row has</td><td>a background-image</td><td>of the bayeux tapestry</td></tr>
|
|
||||||
<tr><td><p>Row 3</p></td><td><p>This is long data</p></td><td>This is data</td></tr>
|
|
||||||
<tr class="thisrow2"><td>This row has</td><td>a gradient set</td><td>which spans all 3 cells</td></tr>
|
|
||||||
<tr><td>Row 5</td><td>Also data</td><td>Also data</td></tr>
|
|
||||||
</tbody></table>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="rounded text">Border can be set on table rows (only when border-collapse is set to collapse)</div>
|
|
||||||
|
|
||||||
<table class="table3" border="1">
|
|
||||||
<tbody><tr><td>Row 1</td><td>This is data</td><td>This is data</td></tr>
|
|
||||||
<tr class="thisrow"><td>Row 2</td><td>This is data<br />This is data<br />This is data<br />This is data</td><td>Also data</td></tr>
|
|
||||||
<tr><td><p>Row 3</p></td><td><p>This is long data</p></td><td>This is data</td></tr>
|
|
||||||
</tbody></table>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- ============================================================== -->
|
|
||||||
|
|
||||||
|
|
||||||
<div style="margin-top: 2em; height: 2mm; background-image: -moz-linear-gradient(45deg, red, blue);"> </div>
|
|
||||||
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Mozilla and CSS3 gradient syntax</div>
|
|
||||||
|
|
||||||
<div style="height: 2mm; background-image: -moz-linear-gradient(45deg, red, blue);"> </div>
|
|
||||||
<h2>Linear gradients</h2>
|
|
||||||
<h4> Angle set AND points e.g. -moz-linear-gradient(34% 84% 30deg, red, orange, yellow...</h4>
|
|
||||||
<table style="border-collapse: collapse; repeat scroll left top; border: none;">
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(top right 210deg, red, orange, yellow, green, blue, indigo, violet);">top right 210 degrees </td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(top right 210deg, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(30% 80% 60deg, red, orange, yellow, green, blue, indigo, violet);">30% 80% 60 degrees </td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(30% 80% 60deg, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(10px 40px 325deg, red, orange, yellow, green, blue, indigo, violet);">10px 40px 325 degrees </td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(10px 40px 325deg, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(bottom left 135deg, red, orange, yellow, green, blue, indigo, violet);">bottom left 135deg </td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(bottom left 135deg, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
<h4> Points set only e.g. -moz-linear-gradient(bottom left, red, orange, yellow...</h4>
|
|
||||||
|
|
||||||
<table style="border-collapse: collapse; repeat scroll left top; border: none;">
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(bottom right, red, orange, yellow, green, blue, indigo, violet);">bottom right</td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(bottom right, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet);">top</td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(10px 40px, red, orange, yellow, green, blue, indigo, violet);">10px 40px</td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(10px 40px, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(30% 10%, red, orange, yellow, green, blue, indigo, violet);">30% 10%</td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(30% 10%, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
<h4> Angle set but no points e.g. -moz-linear-gradient(30deg, red, orange, yellow...</h4>
|
|
||||||
|
|
||||||
<table style="border-collapse: collapse; repeat scroll left top; border: none;">
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);">90 degrees </td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(120deg, red, orange, yellow, green, blue, indigo, violet);">120 degrees </td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(120deg, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet);">180 degrees </td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(210deg, red, orange, yellow, green, blue, indigo, violet);">210 degrees </td>
|
|
||||||
<td> </td>
|
|
||||||
<td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(210deg, red, orange, yellow, green, blue, indigo, violet);"> </td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="rounded text">
|
|
||||||
<p>Linear and radial gradients are not specified in the CSS2 specification. The CSS3 draft specification gives a way of outputting gradients, but currently this is not supported by any browser.</p>
|
|
||||||
<p>Mozilla (Firefox) has developed its own way of producing gradients, which approximates to the CSS3 draft specification: </p>
|
|
||||||
<ul>
|
|
||||||
<li><i>-moz-linear-gradient</i> </li>
|
|
||||||
<li><i>-moz-repeating-linear-gradient</i></li>
|
|
||||||
<li><i>-moz-radial-gradient</i> and </li>
|
|
||||||
<li><i>-moz-repeating-radial-gradient</i></li>
|
|
||||||
</ul>
|
|
||||||
<p>WebKit (Safari, Chrome etc.) have a separate way of defining gradients using <i>-webkit-gradient</i></p>
|
|
||||||
<p>Microsoft (IE) does not support any such method of specifying gradients, but does have a function <i>filter: progid:DXImageTransform.Microsoft.gradient()</i> </p>
|
|
||||||
<p>When writing HTML for cross-browser compatibility, it is common to see something like this in a stylesheet:</p>
|
|
||||||
<p class="code">
|
|
||||||
background: #999999; /* for non-css3 browsers */<br />
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\'#cccccc\', endColorstr=\'#000000\'); /* for IE */<br />
|
|
||||||
background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#000000)); /* for webkit browsers */<br />
|
|
||||||
background: -moz-linear-gradient(top, #cccccc, #000000); /* for firefox 3.6+ */<br />
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<p>mPDF versions <= 5.0 supported a custom style property <i>background-gradient</i> which accepted both linear and radial gradients. These continue to be supported (and both old and new forms can be used together); note the differences:</p>
|
|
||||||
<ul>
|
|
||||||
<li>mPDF background-gradients are output underneath background-images, and both can be specified; whereas the new CSS3/Mozilla-type gradients are defined as a type of background-image</li>
|
|
||||||
<li>CSS3/Mozilla gradients support multiple colour-stops, opacity, repeating-gradients, and a greater number of options for defining the gradient axis (linear gradients) or shape and extent (radial gradients)</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<p>mPDF will attempt to parse a CSS stylesheet written for cross-browser compatibility:</p>
|
|
||||||
<ul>
|
|
||||||
<li>parse and support <i>-moz</i> type gradients</li>
|
|
||||||
<li>parse and support CSS3 gradient syntax</li>
|
|
||||||
<li>ignore <i>-webkit</i> syntax gradients</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
|
|
||||||
<p>More details can be found at:</p>
|
|
||||||
<ul>
|
|
||||||
<li>Mozilla linear - <a href="https://developer.mozilla.org/en/CSS/-moz-linear-gradient">https://developer.mozilla.org/en/CSS/-moz-linear-gradient</a></li>
|
|
||||||
<li>Mozilla radial - <a href="https://developer.mozilla.org/en/CSS/-moz-radial-gradient">https://developer.mozilla.org/en/CSS/-moz-radial-gradient</a></li>
|
|
||||||
<li>Mozilla gradients use - <a href="https://developer.mozilla.org/en/Using_gradients">https://developer.mozilla.org/en/Using_gradients</a></li>
|
|
||||||
<li>CSS3 linear gradients - <a href="http://dev.w3.org/csswg/css3-images/#linear-gradients">http://dev.w3.org/csswg/css3-images/#linear-gradients</a></li>
|
|
||||||
<li>CSS3 radial gradients - <a href="http://dev.w3.org/csswg/css3-images/#radial-gradients">http://dev.w3.org/csswg/css3-images/#radial-gradients</a></li>
|
|
||||||
<li>WebKit gradients - <a href="http://webkit.org/blog/175/introducing-css-gradients/">http://webkit.org/blog/175/introducing-css-gradients/</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Repeating gradients</div>
|
|
||||||
|
|
||||||
<p class="code">
|
|
||||||
background: repeating-linear-gradient(red, blue 20px, red 40px);
|
|
||||||
<br /> <br />
|
|
||||||
background: -moz-repeating-linear-gradient(top left -45deg, red, red 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 20px);
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div style="float: right; width: 250px; height: 150px; background: -moz-repeating-linear-gradient(top left -45deg, red, red 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 20px);"> </div>
|
|
||||||
|
|
||||||
<div style="float: left; width: 250px; height: 150px; background: repeating-linear-gradient(red, blue 20px, red 40px);"> </div>
|
|
||||||
<br style="clear: both;" />
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<p class="code">
|
|
||||||
background: repeating-radial-gradient(20px 30px, circle farthest-side, red, yellow, green 10px, yellow 15px, red 20px);
|
|
||||||
<br /> <br />
|
|
||||||
background: repeating-radial-gradient(red, blue 20px, red 40px);
|
|
||||||
</p>
|
|
||||||
<div style="float: right; width: 250px; height: 150px; background: repeating-radial-gradient(red, blue 20px, red 40px);"> </div>
|
|
||||||
|
|
||||||
<div style="float: left; width: 250px; height: 150px; background: repeating-radial-gradient(20px 30px, circle farthest-side, red, yellow, green 10px, yellow 15px, red 20px);"> </div>
|
|
||||||
<br style="clear: both;" />
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
|
|
||||||
<h2>Radial gradients</h2>
|
|
||||||
|
|
||||||
<div style="float: right; width: 250px; height: 150px; padding: 15px; background: #F56991; color: #E8F3F8;
|
|
||||||
border-radius: 155px / 100px;
|
|
||||||
-moz-border-radius: 155px / 100px;
|
|
||||||
box-shadow: 10px 10px 25px #CCC;
|
|
||||||
-moz-box-shadow: 5px 5px 25px #CCC;
|
|
||||||
background-image: -moz-radial-gradient(70% 30%, ellipse , #ffffff 0%, #F56991 50%, #8A2624 100%);"> </div>
|
|
||||||
|
|
||||||
|
|
||||||
<div style="float: left; width: 150px; height: 150px; padding: 15px; background: #F56991; color: #E8F3F8;
|
|
||||||
border-radius: 100px;
|
|
||||||
-moz-border-radius: 100px;
|
|
||||||
box-shadow: 10px 10px 25px #CCC;
|
|
||||||
-moz-box-shadow: 5px 5px 25px #CCC;
|
|
||||||
background-image: -moz-radial-gradient(70% 30%, circle , #ffffff 0%, #E56991 50%, #8A2624 100%);"> </div>
|
|
||||||
<br style="clear: both;" />
|
|
||||||
|
|
||||||
|
|
||||||
<div style="float: right; width: 150px; height: 150px; border: 0.2mm solid black;
|
|
||||||
background: radial-gradient(bottom left, farthest-side, red, blue 50px, pink);
|
|
||||||
background-image: -moz-radial-gradient(red, yellow, #1E90FF);
|
|
||||||
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.48, rgb(107,14,86)), color-stop(0.74, rgb(140,41,112)), color-stop(0.87, rgb(168,70,146)));"> </div>
|
|
||||||
|
|
||||||
<div style="float: left; width: 150px; height: 150px; border: 0.2mm solid black; background-image: -moz-radial-gradient(red 5%, yellow 25%, #1E90FF 50%);"> </div>
|
|
||||||
<br style="clear: both;" />
|
|
||||||
|
|
||||||
<div style="float: right; width: 300px; height: 150px; border: 0.2mm solid black; background-image: -moz-radial-gradient(bottom left, circle, red, yellow, #1E90FF);"> </div>
|
|
||||||
|
|
||||||
<div style="float: left; width: 300px; height: 150px; border: 0.2mm solid black; background-image: -moz-radial-gradient(bottom left, ellipse, red, yellow, #1E90FF);"> </div>
|
|
||||||
<br style="clear: both;" />
|
|
||||||
|
|
||||||
<div style="float: right; width: 300px; height: 150px; border: 0.2mm solid black; background-image: -moz-radial-gradient(ellipse closest-side, red, yellow 10%, #1E90FF 50%, white);"> </div>
|
|
||||||
|
|
||||||
<div style="float: left; width: 300px; height: 150px; border: 0.2mm solid black; background-image: -moz-radial-gradient(ellipse farthest-corner, red, yellow 10%, #1E90FF 50%, white);"> </div>
|
|
||||||
<br style="clear: both;" />
|
|
||||||
|
|
||||||
|
|
||||||
<p style="background-image: -moz-radial-gradient(center , red, orange, yellow, green, blue, indigo, violet);"> <br /> <br /> <br /> <br /> <br /> <br /> </p>
|
|
||||||
|
|
||||||
<p style="background-image: -moz-radial-gradient(center , circle closest-side, blue 0%, red 100%);"> <br /> <br /> <br /> <br /> <br /> </p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Gradient Image mask</div>
|
|
||||||
|
|
||||||
<div class="rounded text">Gradients (linear or radial) can also be used to produce \'masks\' for images. The same syntax is used as for background gradients (e.g. -moz-linear-gradient) but is set using a custom mPDF style: <i>gradient-mask</i>. The rgba() method for defining colours is used: colours are ignored, but the opacity value is used to mask the image.</div>
|
|
||||||
|
|
||||||
<p class="code"><img src="windmill.jpg" style="gradient-mask: -moz-radial-gradient(center, ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1) 30%, rgba(255,255,255,0) 90%, rgba(255,255,255,0));" />
|
|
||||||
<br /><br /><img src="windmill.jpg" style="gradient-mask: -moz-radial-gradient(center, ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1) 70%, rgba(255,255,255,0) 90%, rgba(255,255,255,0));" />
|
|
||||||
<br /><br /><img src="windmill.jpg" style="gradient-mask: -moz-linear-gradient(left, rgba(0,0,0,0) , rgba(0,0,0,1) 50% , rgba(0,0,0,0) 100%);" />
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<img src="windmill.jpg" style="gradient-mask: -moz-radial-gradient(center, ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1) 30%, rgba(255,255,255,0) 90%, rgba(255,255,255,0));" />
|
|
||||||
<img src="windmill.jpg" style="gradient-mask: -moz-radial-gradient(center, ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1) 70%, rgba(255,255,255,0) 90%, rgba(255,255,255,0));" />
|
|
||||||
<img src="windmill.jpg" style="gradient-mask: -moz-linear-gradient(left, rgba(0,0,0,0) , rgba(0,0,0,1) 50% , rgba(0,0,0,0) 100%);" />
|
|
||||||
|
|
||||||
|
|
||||||
<br />
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Image orientation</div>
|
|
||||||
|
|
||||||
<div class="rounded text">Images can be rotated using a custom mPDF HTML attribute: rotate. mPDF now also supports the draft CSS3 property of image-orientation. Rotation can be expressed in degrees, radians or grad units; it is corrected if necessary to an orthogonal rotation i.e. 90, 180 or 270 degrees. NB This does not work on background-images.</div>
|
|
||||||
<p class="code"><img src="tiger2.png" style="image-orientation: -90deg" width="100" />
|
|
||||||
<br />
|
|
||||||
<img src="tiger2.png" style="image-orientation: 3.14159rad" width="100" />
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<img src="tiger2.png" width="100" />
|
|
||||||
<img src="tiger2.png" style="image-orientation: 75deg;" width="100" />
|
|
||||||
<img src="tiger2.png" style="image-orientation: 180deg; image-resolution: 300dpi; " width="100" />
|
|
||||||
<img src="tiger2.png" style="image-orientation: -90deg" width="100" />
|
|
||||||
|
|
||||||
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Image resolution</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="rounded text">Image files (which do not have an output width or height specified) are displayed in mPDF at the default resolution set by the variable $mpdf->img_dpi. This can be overridden using the draft CSS3 property \'image-resolution\', which can be applied to <IMG> or background-images.
|
|
||||||
<br />
|
|
||||||
The next 3 image files are identical (300px x 300px) but they have been saved with a different specified resolution: the first at 96dpi, the second at 300dpi.
|
|
||||||
<br />
|
|
||||||
NB When used in combination with \'from-image\', a specified resolution is only used if the image does not have an intrinsic resolution. Only JPG, PNG and BMP files store a specified DPI resolution in the file.</div>
|
|
||||||
|
|
||||||
<p class="code"><img src="tiger300px300dpi.png" style="image-resolution: from-image;" />
|
|
||||||
<br /><img src="tiger300px300dpi.png" style="image-resolution: 150dpi;" />
|
|
||||||
<br /><img src="tiger300px96dpi.png" style="image-resolution: from-image;" /></p>
|
|
||||||
|
|
||||||
<img src="tiger300px300dpi.png" style="image-resolution: from-image;" />
|
|
||||||
<img src="tiger300px300dpi.png" style="image-resolution: 150dpi;" />
|
|
||||||
<img src="tiger300px96dpi.png" style="image-resolution: from-image;" />
|
|
||||||
<br /> <br />
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
<div class="rounded text">Image resolution can also be applied to a background-image. This can be used as an alternative to the custom mPDF style property - \'background-image-resize\'</div>
|
|
||||||
|
|
||||||
<p class="code"><div height="300px" width="300px" style="background: #FFCCEE url(tiger300px96dpi.png); background-image-resolution: from-image; border: 0.2mm solid black;"></p>
|
|
||||||
<div height="300px" width="300px" style="background: #FFCCEE url(tiger300px96dpi.png); background-image-resolution: from-image; border: 0.2mm solid black;">Hallo<br />world
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<p class="code"><div height="300px" width="300px" style="background-image: url(tiger300px300dpi.png); background-image-resolution: from-image; border: 0.2mm solid black;"></p>
|
|
||||||
<div height="300px" width="300px" style="background-image: url(tiger300px300dpi.png); background-image-resolution: from-image; border: 0.2mm solid black;">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<br />
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Mixed effects</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div style="padding: 15px; background: url(flowers-pattern.jpg) repeat right; border-radius: 90px;background-color: #00f200 ; ">
|
|
||||||
<div style="padding: 15px; background: -moz-linear-gradient(top right, red, orange, yellow, green, blue, indigo, violet); border-radius: 75px; ">
|
|
||||||
<div style="padding: 15px; background-gradient: linear #07cdde #00f200 0 0 0.5 1; border-radius: 60px; ">
|
|
||||||
<div style="padding: 15px; background: url(flowers-pattern.jpg) repeat right; border-radius: 45px; background-image-resolution: 180dpi; ">
|
|
||||||
<div style="padding: 15px; background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); border-radius: 30px; ">
|
|
||||||
<div style="padding: 15px; background: url(alpha3.png) repeat top left; border-radius: 15px; background-image-resolution: 180dpi; ">
|
|
||||||
Hallo World
|
|
||||||
</div>
|
|
||||||
<div style="padding: 15px; background: url(alpha3.png) repeat top left; border-radius: 15px; background-image-resolution: 360dpi; ">
|
|
||||||
Hallo World
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<div style="background-color:#FF0000 ; width:180px; background-image: -moz-radial-gradient(center, ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1) 70%, rgba(255,255,255,0) 90%, rgba(255,255,255,0));">
|
|
||||||
<img src="tux.svg" width="180" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
if ($_REQUEST['html']) { echo $html; exit; }
|
|
||||||
if ($_REQUEST['source']) {
|
|
||||||
$file = __FILE__;
|
|
||||||
header("Content-Type: text/plain");
|
|
||||||
header("Content-Length: ". filesize($file));
|
|
||||||
header("Content-Disposition: attachment; filename='".$file."'");
|
|
||||||
readfile($file);
|
|
||||||
exit;
|
|
||||||
}
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
// OUTPUT
|
|
||||||
$mpdf->Output(); exit;
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,233 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('');
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<style>
|
|
||||||
textarea {
|
|
||||||
}
|
|
||||||
input {
|
|
||||||
}
|
|
||||||
select {
|
|
||||||
font-family: arialunicodems
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<body>
|
|
||||||
<h2>Active Forms</h2>
|
|
||||||
|
|
||||||
<form action="http://127.0.0.1/MPDF1.com/common/mpdf/examples/formsubmit.php" method="post">
|
|
||||||
<b>Input Text</b>
|
|
||||||
<input type="text" size="90" name="inputfield" value="" title="The title attribute works like a tool-tip" />
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<b>Readonly</b>
|
|
||||||
<input type="text" size="90" name="readonlyfield" value="Read-only field. The value will be exported on submit" title="The title does not do anything if the field is read-only" readonly="readonly" />
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<b>Disabled</b>
|
|
||||||
<input type="text" size="90" name="disabledfield" value="Disabled field. The value will not be exported on submit" title="The title does not do anything if the field is disabled." disabled="disabled" />
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<b>Required</b>
|
|
||||||
<input type="text" size="90" name="requiredfield" value="" title="This field must be entered before you can submit." required="required" />
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<b>Hidden</b>
|
|
||||||
<input type="hidden" name="hiddenfield" value="value_of_hidden_field">
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<b>Input Password</b>
|
|
||||||
<input type="password" size="40" name="password" value="mysecretpassword" title="This field is set to act as a password field." >
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<b>Calculations</b>
|
|
||||||
<input type="text" size="20" name="maths1" value="0" onChange="var a = this.getField(\'maths1\').value;
|
|
||||||
var b = this.getField(\'maths2\').value;
|
|
||||||
this.getField(\'maths3\').value = a + b;
|
|
||||||
" /> +
|
|
||||||
<input type="text" size="20" name="maths2" value="0" onChange="var a = this.getField(\'maths1\').value;
|
|
||||||
var b = this.getField(\'maths2\').value;
|
|
||||||
this.getField(\'maths3\').value = a + b;
|
|
||||||
" /> =
|
|
||||||
<input type="text" size="20" name="maths3" value="" readonly="readonly"/>
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
<b>Textarea</b>
|
|
||||||
<textarea name="textareafield" spellcheck="true" rows="5" cols="80" wrap="virtual" title="Textarea tooltip">Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. </textarea>
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
<b>First language</b>
|
|
||||||
<select name="first_language" editable="editable" onChange="
|
|
||||||
var choice = this.getField(\'first_language\').value;
|
|
||||||
this.getField(\'first_language_display\').value = choice;
|
|
||||||
">
|
|
||||||
<option value="" >- Please select or type in -</option>
|
|
||||||
<option value="Arabic" >العربية</option>
|
|
||||||
<option value="Bulgarian" >български език</option>
|
|
||||||
<option value="Chinese" >汉语</option>
|
|
||||||
<option value="Czech" >česky</option>
|
|
||||||
<option value="English" >English</option>
|
|
||||||
<option value="French" >Français</option>
|
|
||||||
<option value="Greek" >Ελληνικά</option>
|
|
||||||
<option value="Japanese" >日本語</option>
|
|
||||||
<option value="Latvian" >Latviešu valoda</option>
|
|
||||||
<option value="Russian" >Русско</option>
|
|
||||||
<option value="Spanish" >Español</option>
|
|
||||||
<option value="Turkish" >Türkçe</option>
|
|
||||||
</select>
|
|
||||||
|
|
||||||
|
|
||||||
You have selected: <input type="text" size="20" name="first_language_display" value="" readonly="readonly"/>
|
|
||||||
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<b>Spoken language(s)</b><br />
|
|
||||||
<select size="6" multiple="multiple" name="spoken_languages">
|
|
||||||
<option value="Arabic" >العربية</option>
|
|
||||||
<option value="Bulgarian" >български език</option>
|
|
||||||
<option value="Chinese" >汉语</option>
|
|
||||||
<option value="Czech" >česky</option>
|
|
||||||
<option value="English" selected="selected">English</option>
|
|
||||||
<option value="French" >Français</option>
|
|
||||||
<option value="Greek" >Ελληνικά</option>
|
|
||||||
<option value="Japanese" >日本語</option>
|
|
||||||
<option value="Latvian" >Latviešu valoda</option>
|
|
||||||
<option value="Russian" >Русско</option>
|
|
||||||
<option value="Spanish" >Español</option>
|
|
||||||
<option value="Turkish" >Türkçe</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<b>How many languages do you speak?</b>
|
|
||||||
<input type="radio" name="num_languages" value="1" checked="checked" > One
|
|
||||||
<input type="radio" name="num_languages" value="2" > Two
|
|
||||||
<input type="radio" name="num_languages" value="3" > Three
|
|
||||||
<input type="radio" name="num_languages" value="4" > Four
|
|
||||||
<input type="radio" name="num_languages" value="5" > Five +
|
|
||||||
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
<input type="checkbox" name="email" value="email_subscrbe" checked="checked" /> Please send me regular information by e-mail<br>
|
|
||||||
<input type="checkbox" name="phone" value="phone-me" disabled="disabled" /> Please phone me (not available at present)<br>
|
|
||||||
<input type="checkbox" name="subscribe" value="newsletter_subscribe" /> Please subscribe me to the Newsletter
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
Click this button to see Javascript in action:
|
|
||||||
<input type="image" name="imageButton" value="imagesubmitted" src="goto.gif" title="Click to run javascript" onClick="
|
|
||||||
var npass = this.getField(\'password\').value;
|
|
||||||
app.alert(\'Value of password field is: \\\'\' + npass + \'\\\'\');
|
|
||||||
var nButton = app.alert({
|
|
||||||
cMsg: \'Do you want to change the input text field to: T\u00f6rkylempij\u00e4?\',
|
|
||||||
cTitle: \'A message from A. C. Robat\',
|
|
||||||
nIcon: 2, nType: 2
|
|
||||||
});
|
|
||||||
if ( nButton == 4 ) {
|
|
||||||
this.getField(\'inputfield\').value = \'T\u00f6rkylempij\u00e4\';
|
|
||||||
}
|
|
||||||
" />
|
|
||||||
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<input type="submit" name="disabled_submit" value="Disabled" disabled="disabled" title="This Submit button is disabled" />
|
|
||||||
|
|
||||||
<input type="reset" name="resetfield" value="Reset" />
|
|
||||||
|
|
||||||
<input type="submit" name="submit" value="Submit" title="Click here to submit" />
|
|
||||||
|
|
||||||
<input type="submit" name="submit_in_Turkish" value="Submit (Türkçe)" title="Click here to submit in Türkçe" />
|
|
||||||
|
|
||||||
<input type="button" name="javascriptButton" value="Javascript Button" onClick="
|
|
||||||
var npass = this.getField(\'password\').value;
|
|
||||||
app.alert(\'Value of password field is: \\\'\' + npass + \'\\\'\');
|
|
||||||
var nButton = app.alert({
|
|
||||||
cMsg: \'Do you want to change the input text field to: T\u00f6rkylempij\u00e4?\',
|
|
||||||
cTitle: \'A message from A. C. Robat\',
|
|
||||||
nIcon: 2, nType: 2
|
|
||||||
});
|
|
||||||
if ( nButton == 4 ) {
|
|
||||||
this.getField(\'inputfield\').value = \'T\u00f6rkylempij\u00e4\';
|
|
||||||
}
|
|
||||||
" />
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
</form>
|
|
||||||
';
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
if ($_REQUEST['html']) { echo $html; exit; }
|
|
||||||
if ($_REQUEST['source']) {
|
|
||||||
$file = __FILE__;
|
|
||||||
header("Content-Type: text/plain");
|
|
||||||
header("Content-Length: ". filesize($file));
|
|
||||||
header("Content-Disposition: attachment; filename='".$file."'");
|
|
||||||
readfile($file);
|
|
||||||
exit;
|
|
||||||
}
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
$mpdf->useActiveForms = true;
|
|
||||||
|
|
||||||
/*
|
|
||||||
// Try playing around with these (these are also in config.php)
|
|
||||||
$mpdf->formUseZapD = false;
|
|
||||||
$mpdf->formSubmitNoValueFields = true;
|
|
||||||
|
|
||||||
$mpdf->formExportType = 'xfdf'; // 'html' or 'xfdf'
|
|
||||||
$mpdf->formSelectDefaultOption = true; // for Select drop down box; if no option is explicitly maked as selected,
|
|
||||||
// this determines whether to select 1st option (as per browser)
|
|
||||||
// - affects whether "required" attribute is relevant
|
|
||||||
$mpdf->form_border_color = '0.0 0.820 0.0';
|
|
||||||
$mpdf->form_background_color = '0.941 0.941 0.941';
|
|
||||||
$mpdf->form_border_width = '1';
|
|
||||||
$mpdf->form_border_style = 'S';
|
|
||||||
|
|
||||||
$mpdf->form_radio_color = '0.0 0.820 0.0';
|
|
||||||
$mpdf->form_radio_background_color = '0.941 0.5 0.5';
|
|
||||||
|
|
||||||
$mpdf->form_button_border_color = '0.0 0.820 0.0';
|
|
||||||
$mpdf->form_button_background_color = '0.941 0.941 0.941';
|
|
||||||
$mpdf->form_button_border_width = '1';
|
|
||||||
$mpdf->form_button_border_style = 'S';
|
|
||||||
*/
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
// JAVASCRIPT FOR WHOLE DOCUMENT
|
|
||||||
$mpdf->SetJS('
|
|
||||||
var dialogTitle = "Enter details";
|
|
||||||
var defaultAnswer = "";
|
|
||||||
var reply = app.response("This is javascript set to run when the document opens. Enter value for first field", dialogTitle, defaultAnswer);
|
|
||||||
if (reply != null) {
|
|
||||||
this.getField("inputfield").value = reply;
|
|
||||||
}
|
|
||||||
');
|
|
||||||
//==============================================================
|
|
||||||
// OUTPUT
|
|
||||||
$mpdf->Output(); exit;
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,234 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('');
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<style>
|
|
||||||
textarea {
|
|
||||||
}
|
|
||||||
input {
|
|
||||||
}
|
|
||||||
select {
|
|
||||||
font-family: arialunicodems
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<body>
|
|
||||||
<h2>Active Forms</h2>
|
|
||||||
|
|
||||||
<form action="http://127.0.0.1/MPDF1.com/common/mpdf/examples/formsubmit.php" method="post">
|
|
||||||
<b>Input Text</b>
|
|
||||||
<input type="text" size="90" name="inputfield" value="" title="The title attribute works like a tool-tip" />
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<b>Readonly</b>
|
|
||||||
<input type="text" size="90" name="readonlyfield" value="Read-only field. The value will be exported on submit" title="The title does not do anything if the field is read-only" readonly="readonly" />
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<b>Disabled</b>
|
|
||||||
<input type="text" size="90" name="disabledfield" value="Disabled field. The value will not be exported on submit" title="The title does not do anything if the field is disabled." disabled="disabled" />
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<b>Required</b>
|
|
||||||
<input type="text" size="90" name="requiredfield" value="" title="This field must be entered before you can submit." required="required" />
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<b>Hidden</b>
|
|
||||||
<input type="hidden" name="hiddenfield" value="value_of_hidden_field">
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<b>Input Password</b>
|
|
||||||
<input type="password" size="40" name="password" value="mysecretpassword" title="This field is set to act as a password field." >
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<b>Calculations</b>
|
|
||||||
<input type="text" size="20" name="maths1" value="0" onChange="var a = this.getField(\'maths1\').value;
|
|
||||||
var b = this.getField(\'maths2\').value;
|
|
||||||
this.getField(\'maths3\').value = a + b;
|
|
||||||
" /> +
|
|
||||||
<input type="text" size="20" name="maths2" value="0" onChange="var a = this.getField(\'maths1\').value;
|
|
||||||
var b = this.getField(\'maths2\').value;
|
|
||||||
this.getField(\'maths3\').value = a + b;
|
|
||||||
" /> =
|
|
||||||
<input type="text" size="20" name="maths3" value="" readonly="readonly"/>
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
<b>Textarea</b>
|
|
||||||
<textarea name="textareafield" spellcheck="true" rows="5" cols="80" wrap="virtual" title="Textarea tooltip">Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. </textarea>
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
<b>First language</b>
|
|
||||||
<select name="first_language" editable="editable">
|
|
||||||
<option value="" >- Please select or type in -</option>
|
|
||||||
<option value="Arabic" >العربية</option>
|
|
||||||
<option value="Bulgarian" >български език</option>
|
|
||||||
<option value="Chinese" >汉语</option>
|
|
||||||
<option value="Czech" >česky</option>
|
|
||||||
<option value="English" >English</option>
|
|
||||||
<option value="French" >Français</option>
|
|
||||||
<option value="Greek" >Ελληνικά</option>
|
|
||||||
<option value="Japanese" >日本語</option>
|
|
||||||
<option value="Latvian" >Latviešu valoda</option>
|
|
||||||
<option value="Russian" >Русско</option>
|
|
||||||
<option value="Spanish" >Español</option>
|
|
||||||
<option value="Turkish" >Türkçe</option>
|
|
||||||
</select>
|
|
||||||
|
|
||||||
|
|
||||||
You have selected: <input type="text" size="20" name="first_language_display" value="" readonly="readonly" onCalculate="
|
|
||||||
var choice = this.getField(\'first_language\').value;
|
|
||||||
this.getField(\'first_language_display\').value = choice;
|
|
||||||
"/>
|
|
||||||
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<b>Spoken language(s)</b><br />
|
|
||||||
<select size="6" multiple="multiple" name="spoken_languages">
|
|
||||||
<option value="Arabic" >العربية</option>
|
|
||||||
<option value="Bulgarian" >български език</option>
|
|
||||||
<option value="Chinese" >汉语</option>
|
|
||||||
<option value="Czech" >česky</option>
|
|
||||||
<option value="English" selected="selected">English</option>
|
|
||||||
<option value="French" >Français</option>
|
|
||||||
<option value="Greek" >Ελληνικά</option>
|
|
||||||
<option value="Japanese" >日本語</option>
|
|
||||||
<option value="Latvian" >Latviešu valoda</option>
|
|
||||||
<option value="Russian" >Русско</option>
|
|
||||||
<option value="Spanish" >Español</option>
|
|
||||||
<option value="Turkish" >Türkçe</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<b>How many languages do you speak?</b>
|
|
||||||
<input type="radio" name="num_languages" value="1" checked="checked" > One
|
|
||||||
<input type="radio" name="num_languages" value="2" > Two
|
|
||||||
<input type="radio" name="num_languages" value="3" > Three
|
|
||||||
<input type="radio" name="num_languages" value="4" > Four
|
|
||||||
<input type="radio" name="num_languages" value="5" > Five +
|
|
||||||
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
<input type="checkbox" name="email" value="email_subscrbe" checked="checked" /> Please send me regular information by e-mail<br>
|
|
||||||
<input type="checkbox" name="phone" value="phone-me" disabled="disabled" /> Please phone me (not available at present)<br>
|
|
||||||
<input type="checkbox" name="subscribe" value="newsletter_subscribe" /> Please subscribe me to the Newsletter
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
Click this button to see Javascript in action:
|
|
||||||
<input type="image" name="imageButton" value="imagesubmitted" src="goto.gif" title="Click to run javascript" onClick="
|
|
||||||
var npass = this.getField(\'password\').value;
|
|
||||||
app.alert(\'Value of password field is: \\\'\' + npass + \'\\\'\');
|
|
||||||
var nButton = app.alert({
|
|
||||||
cMsg: \'Do you want to change the input text field to: T\u00f6rkylempij\u00e4?\',
|
|
||||||
cTitle: \'A message from A. C. Robat\',
|
|
||||||
nIcon: 2, nType: 2
|
|
||||||
});
|
|
||||||
if ( nButton == 4 ) {
|
|
||||||
this.getField(\'inputfield\').value = \'T\u00f6rkylempij\u00e4\';
|
|
||||||
}
|
|
||||||
" />
|
|
||||||
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<input type="submit" name="disabled_submit" value="Disabled" disabled="disabled" title="This Submit button is disabled" />
|
|
||||||
|
|
||||||
<input type="reset" name="resetfield" value="Reset" />
|
|
||||||
|
|
||||||
<input type="submit" name="submit" value="Submit" title="Click here to submit" />
|
|
||||||
|
|
||||||
<input type="submit" name="submit_in_Turkish" value="Submit (Türkçe)" title="Click here to submit in Türkçe" />
|
|
||||||
|
|
||||||
<input type="button" name="javascriptButton" value="Javascript Button" onClick="
|
|
||||||
var npass = this.getField(\'password\').value;
|
|
||||||
app.alert(\'Value of password field is: \\\'\' + npass + \'\\\'\');
|
|
||||||
var nButton = app.alert({
|
|
||||||
cMsg: \'Do you want to change the input text field to: T\u00f6rkylempij\u00e4?\',
|
|
||||||
cTitle: \'A message from A. C. Robat\',
|
|
||||||
nIcon: 2, nType: 2
|
|
||||||
});
|
|
||||||
if ( nButton == 4 ) {
|
|
||||||
this.getField(\'inputfield\').value = \'T\u00f6rkylempij\u00e4\';
|
|
||||||
}
|
|
||||||
" />
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
|
|
||||||
</form>
|
|
||||||
';
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
if ($_REQUEST['html']) { echo $html; exit; }
|
|
||||||
if ($_REQUEST['source']) {
|
|
||||||
$file = __FILE__;
|
|
||||||
header("Content-Type: text/plain");
|
|
||||||
header("Content-Length: ". filesize($file));
|
|
||||||
header("Content-Disposition: attachment; filename='".$file."'");
|
|
||||||
readfile($file);
|
|
||||||
exit;
|
|
||||||
}
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
$mpdf->useActiveForms = true;
|
|
||||||
$mpdf->formUseZapD = false;
|
|
||||||
|
|
||||||
/*
|
|
||||||
// Try playing around with these (these are also in config.php)
|
|
||||||
$mpdf->formUseZapD = false;
|
|
||||||
$mpdf->formSubmitNoValueFields = true;
|
|
||||||
|
|
||||||
$mpdf->formExportType = 'xfdf'; // 'html' or 'xfdf'
|
|
||||||
$mpdf->formSelectDefaultOption = true; // for Select drop down box; if no option is explicitly maked as selected,
|
|
||||||
// this determines whether to select 1st option (as per browser)
|
|
||||||
// - affects whether "required" attribute is relevant
|
|
||||||
$mpdf->form_border_color = '0.0 0.820 0.0';
|
|
||||||
$mpdf->form_background_color = '0.941 0.941 0.941';
|
|
||||||
$mpdf->form_border_width = '1';
|
|
||||||
$mpdf->form_border_style = 'S';
|
|
||||||
|
|
||||||
$mpdf->form_radio_color = '0.0 0.820 0.0';
|
|
||||||
$mpdf->form_radio_background_color = '0.941 0.5 0.5';
|
|
||||||
|
|
||||||
$mpdf->form_button_border_color = '0.0 0.820 0.0';
|
|
||||||
$mpdf->form_button_background_color = '0.941 0.941 0.941';
|
|
||||||
$mpdf->form_button_border_width = '1';
|
|
||||||
$mpdf->form_button_border_style = 'S';
|
|
||||||
*/
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
// JAVASCRIPT FOR WHOLE DOCUMENT
|
|
||||||
$mpdf->SetJS('
|
|
||||||
var dialogTitle = "Enter details";
|
|
||||||
var defaultAnswer = "";
|
|
||||||
var reply = app.response("This is javascript set to run when the document opens. Enter value for first field", dialogTitle, defaultAnswer);
|
|
||||||
if (reply != null) {
|
|
||||||
this.getField("inputfield").value = reply;
|
|
||||||
}
|
|
||||||
');
|
|
||||||
//==============================================================
|
|
||||||
// OUTPUT
|
|
||||||
$mpdf->Output(); exit;
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,547 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
ini_set("memory_limit","64M");
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('');
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<style>
|
|
||||||
.gradient {
|
|
||||||
border:0.1mm solid #220044;
|
|
||||||
background-color: #f0f2ff;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
box-shadow: 0.3em 0.3em #888888;
|
|
||||||
}
|
|
||||||
.rounded {
|
|
||||||
border:0.1mm solid #220044;
|
|
||||||
background-color: #f0f2ff;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
border-radius: 2mm;
|
|
||||||
background-clip: border-box;
|
|
||||||
}
|
|
||||||
h4 {
|
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 1em;
|
|
||||||
margin-bottom: 0.3em;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
div.text {
|
|
||||||
padding:0.8em;
|
|
||||||
margin-bottom: 0.7em;
|
|
||||||
}
|
|
||||||
p { margin: 0.25em 0; }
|
|
||||||
.code {
|
|
||||||
font-family: monospace;
|
|
||||||
font-size: 9pt;
|
|
||||||
background-color: #d5d5d5;
|
|
||||||
margin: 1em 1cm;
|
|
||||||
padding: 0 0.3cm;
|
|
||||||
border:0.2mm solid #000088;
|
|
||||||
box-shadow: 0.3em 0.3em #888888;
|
|
||||||
}
|
|
||||||
table {
|
|
||||||
overflow: visible;
|
|
||||||
empty-cells: hide;
|
|
||||||
border:1px solid #000000;
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-size: 10pt;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
}
|
|
||||||
td, th {
|
|
||||||
border:1px solid #000000;
|
|
||||||
text-align: left;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
td.markedcell {
|
|
||||||
text-decoration: line-through;
|
|
||||||
color: #CC0000;
|
|
||||||
}
|
|
||||||
td.underlinedcell {
|
|
||||||
text-decoration: underline;
|
|
||||||
color: #CC0000;
|
|
||||||
}
|
|
||||||
td.rotatedcell {
|
|
||||||
text-decoration: line-through;
|
|
||||||
color: #CC0000;
|
|
||||||
text-rotate: 45;
|
|
||||||
}
|
|
||||||
td.cost { text-align: right; }
|
|
||||||
caption.tablecaption {
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-weight: bold;
|
|
||||||
border: none;
|
|
||||||
caption-side: top;
|
|
||||||
margin-bottom: 0;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
u.doubleu {
|
|
||||||
text-decoration: none;
|
|
||||||
border-bottom: 3px double #000088;
|
|
||||||
}
|
|
||||||
a.reddashed {
|
|
||||||
text-decoration: none;
|
|
||||||
border: 1px dashed #880000;
|
|
||||||
}
|
|
||||||
.shadowtitle {
|
|
||||||
height: 8mm;
|
|
||||||
background-color: #EEDDFF;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
padding: 0.8em;
|
|
||||||
padding-left: 3em;
|
|
||||||
font-family:sans;
|
|
||||||
font-size: 26pt;
|
|
||||||
font-weight: bold;
|
|
||||||
border: 0.2mm solid white;
|
|
||||||
border-radius: 0.2em;
|
|
||||||
box-shadow: 0 0 2em 0.5em rgba(0,0,255,0.9);
|
|
||||||
color: #AAAACC;
|
|
||||||
text-shadow: 0.03em 0.03em #666, 0.05em 0.05em rgba(127,127,127,0.5), -0.015em -0.015em white;
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
margin: 3em 0 2em -15mm;
|
|
||||||
background-color: #EEDDFF;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
padding: 0.5em;
|
|
||||||
padding-left: 3em;
|
|
||||||
width: 50%;
|
|
||||||
font-family:sans;
|
|
||||||
font-size: 16pt;
|
|
||||||
font-weight: bold;
|
|
||||||
border-left: none;
|
|
||||||
border-radius: 0 2em 2em 0;
|
|
||||||
box-shadow: 0 0 2em 0.5em rgba(255,0,0,1);
|
|
||||||
text-shadow: 0.05em 0.04em rgba(127,127,127,0.5);
|
|
||||||
}
|
|
||||||
.css {
|
|
||||||
font-family: arial;
|
|
||||||
font-style: italic;
|
|
||||||
color: #000088;
|
|
||||||
}
|
|
||||||
table.zebra tbody tr:nth-child(2n+1) td { background-color: rgba(255,255,127,0.6); }
|
|
||||||
table.zebra tbody tr:nth-child(2n+1) th { background-color: rgba(255,255,127,0.6); }
|
|
||||||
table.zebra thead tr { background-color: #FFBBFF; }
|
|
||||||
table.zebra tfoot tr { background-color: #BBFFFF; }
|
|
||||||
|
|
||||||
|
|
||||||
</style>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="shadowtitle">New Features in mPDF v5.4</div>
|
|
||||||
|
|
||||||
|
|
||||||
<h3>Bookmark styles<bookmark content="Bookmark styles" level="0" /></h3>
|
|
||||||
<div>
|
|
||||||
<p>Bookmarks can be styled by adding code as below to your script. You can define a colour (array of RGB) and/or a font-style (B, I, or BI) for each level (starting at 0). Results may depend on the PDF Reader you are using.</p>
|
|
||||||
<p class="code">
|
|
||||||
$this->bookmarkStyles = array(<br />
|
|
||||||
0 => array(\'color\'=> array(0,64,128), \'style\'=>\'B\'),<br />
|
|
||||||
1 => array(\'color\'=> array(128,0,0), \'style\'=>\'\'),<br />
|
|
||||||
2 => array(\'color\'=> array(0,128,0), \'style\'=>\'I\'),<br />
|
|
||||||
);
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3>Embedded SVG code<bookmark content="Embedded SVG code" level="0" /></h3>
|
|
||||||
<p>SVG Images can be embedded in your HTML code. This is formally part of the XHTML specification and is supported by IE9+ and most other browsers.</p>
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 400 200" width="400" height="200">
|
|
||||||
<circle cx="130" cy="100" r="80" stroke="black" stroke-width="1" fill="red" />
|
|
||||||
<circle cx="200" cy="100" r="80" stroke="black" stroke-width="1" fill="blue" />
|
|
||||||
</svg>
|
|
||||||
<p class="code">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 200 200" width="200" height="200"> <br />
|
|
||||||
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="1" fill="red" /><br />
|
|
||||||
<circle cx="130" cy="50" r="40" stroke="black" stroke-width="1" fill="blue" /><br />
|
|
||||||
</svg>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
<h3>Improved CSS support<bookmark content="Improved CSS support" level="0" /></h3>
|
|
||||||
<div class="gradient text">
|
|
||||||
<p><span class="css">border-radius</span> is now supported on fixed/absolute-positioned block elements.</p>
|
|
||||||
<p><span class="css">visibility</span> can be set on any block-style element e.g. DIV,P or images IMG as: visible|hidden|printonly|screenonly</p>
|
|
||||||
<p><span class="css">background-color</span> now supports rgba() and cmyka() alpha transparency formats in tables.</p>
|
|
||||||
<p>Color, underline and strike-through are now supported in table cells, including with rotated text (see example below of spread table)</p>
|
|
||||||
<p><span class="css">page-break-after: left|right|always</span> is supported on all block-style elements and tables</p>
|
|
||||||
<p><span class="css">text-transform: capitalize|uppercase|lowercase</span> is supported in table cells</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="gradient text">
|
|
||||||
<h4>Zebra stripes in Tables<bookmark content="Zebra stripes" level="1" /></h4>
|
|
||||||
<div>
|
|
||||||
<p><span class="css">:nth-child()</span> selector can be used in tables (on TR, TD or TH) to stripe rows or columns. Both the <i>a</i>n+<i>b</i> and odd/even forms are supported e.g.</p>
|
|
||||||
|
|
||||||
<p class="code">
|
|
||||||
tr:nth-child(2n+1) { background-color: rgba(255,255,127,0.6); } <i>or</i><br />
|
|
||||||
tr:nth-child(odd) { background-color: rgba(255,255,127,0.6); }
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<table class="zebra" align="center">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<th>Row 1</th>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td class="cost">167.00</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<th>Row 2</th>
|
|
||||||
<td>
|
|
||||||
<p>This is data p</p>
|
|
||||||
</td>
|
|
||||||
<td class="cost">
|
|
||||||
<p>444.53</p>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<th>
|
|
||||||
<p>Row 3</p>
|
|
||||||
</th>
|
|
||||||
<td>
|
|
||||||
<p>This is long data</p>
|
|
||||||
</td>
|
|
||||||
<td class="cost">14.00</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<p>Row 4</p>
|
|
||||||
</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td class="cost">
|
|
||||||
<p>0.88</p>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Row 5</td>
|
|
||||||
<td>Also data</td>
|
|
||||||
<td class="cost">144.00</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Row 6</td>
|
|
||||||
<td>Also data</td>
|
|
||||||
<td class="cost">8089.00</td>
|
|
||||||
</tr>
|
|
||||||
</tbody></table>
|
|
||||||
|
|
||||||
<p><b>Note:</b> mPDF does NOT correctly apply specificity to all CSS. The following stylesheet:</p>
|
|
||||||
<p class="code">
|
|
||||||
table.zebra tbody tr:nth-child(2n+1) td { background-color: yellow; }<br />
|
|
||||||
table.zebra tbody td:nth-child(odd) { background-color: blue; }
|
|
||||||
</p>
|
|
||||||
<p>should make every odd row yellow, and every odd column blue, but with the row/yellow overriding the column/blue.
|
|
||||||
In mPDF the td:nth-child(odd) trumps the plain td, so the column colour wins out. You can force the effect you want by using:</p>
|
|
||||||
<p class="code">
|
|
||||||
table.zebra tbody tr:nth-child(2n+1) td:nth-child(1n+0) { background-color: yellow; }
|
|
||||||
</p>
|
|
||||||
<p>The :nth-child(1n+0) selector just selects every td cell.</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="gradient text">
|
|
||||||
<p><span class="css">border</span> can now be defined on in-line elements eg SPAN</p>
|
|
||||||
<ul><li style="font-family: arial;">Cum sociis natoque <u class="doubleu">penatibus</u> et <a class="reddashed" href="#">magnis dis parturient</a> montes</li></ul>
|
|
||||||
<p><b>Note:</b> Remember that in mPDF, inside table cells, properties set on block elements are set when possible as in-line properties - so a P element inside a table with border set, will appear with a border around the text line as though it had been set on SPAN </p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="gradient text">
|
|
||||||
<h4>Shadows<bookmark content="Shadows" level="1" /></h4>
|
|
||||||
<p><span class="css">box-shadow</span> can be defined on any block-level element (P, DIV etc). It follows the CSS3 recommendation, but <i>inset</i> is not supported.</p>
|
|
||||||
<p><span class="css">text-shadow</span> can be defined on any element. It follows the CSS3 recommendation, but <i>blur</i> is not supported.</p>
|
|
||||||
<p class="code">
|
|
||||||
<span style="text-shadow: 0.03em 0.03em #666, -0.015em -0.015em white;"><br />
|
|
||||||
<div style="box-shadow: 0.3em 0.3em #888888;">
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<h3>Other Enhancements<bookmark content="Other Enhancements" level="0" /></h3>
|
|
||||||
|
|
||||||
<h4>Column Totals (Tables)<bookmark content="Column totals" level="1" /></h4>
|
|
||||||
<p>{colsum} placed in the footer of a table will automatically display the sum of that column. If the table breaks across more than one page, the sum of the values on that page will be displayed. A number following the colsum e.g. {colsum2} will force that number of decimal places to be displayed.</p>
|
|
||||||
|
|
||||||
<table class="zebra" align="center">
|
|
||||||
<caption class="tablecaption" align="bottom">Table caption goes here</caption>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Header Row</th>
|
|
||||||
<td>Header Row</td>
|
|
||||||
<td>Header Row</td>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tfoot>
|
|
||||||
<tr>
|
|
||||||
<th></th>
|
|
||||||
<td>Column total: (using colsum2 in {})</td>
|
|
||||||
<td class="cost"><b>{colsum2}</b></td>
|
|
||||||
</tr>
|
|
||||||
</tfoot>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<th>Row 1</th>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td class="cost">167.00</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<th>Row 2</th>
|
|
||||||
<td>
|
|
||||||
<p>This is data p</p>
|
|
||||||
</td>
|
|
||||||
<td class="cost">
|
|
||||||
<p>444.53</p>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<th>
|
|
||||||
<p>Row 3</p>
|
|
||||||
</th>
|
|
||||||
<td>
|
|
||||||
<p>This is long data</p>
|
|
||||||
</td>
|
|
||||||
<td class="cost">14.00</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<p>Row 4</p>
|
|
||||||
</td>
|
|
||||||
<td>This is data</td>
|
|
||||||
<td class="cost">
|
|
||||||
<p>0.88</p>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Row 5</td>
|
|
||||||
<td>Also data</td>
|
|
||||||
<td class="cost">144.00</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Row 6</td>
|
|
||||||
<td>Also data</td>
|
|
||||||
<td class="cost">8089.00</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Row 7</td>
|
|
||||||
<td>Also data</td>
|
|
||||||
<td class="cost">3.00</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Row 8</td>
|
|
||||||
<td>Also data</td>
|
|
||||||
<td class="cost">23.00</td>
|
|
||||||
</tr>
|
|
||||||
</tbody></table>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<h4>Table <span style="font-variant: small-caps">caption</span><bookmark content="Table caption" level="1" /></h4>
|
|
||||||
<p>The caption element for tables is partially supported (see example above).</p>
|
|
||||||
<p class="code">
|
|
||||||
<caption align="top|bottom" style="caption-side: top|bottom">
|
|
||||||
</p>
|
|
||||||
<ul>
|
|
||||||
<li>The caption must come immediately after <table>.</li>
|
|
||||||
<li>The CSS <span class="css">caption-side</span> or HTML <span class="css">align</span> attribute of top|bottom supported</li>
|
|
||||||
<li>Left or right placement are not supported.</li>
|
|
||||||
<li>The caption is handled as a separate block element brought outside the table, so:
|
|
||||||
<ul>
|
|
||||||
<li>CSS will not cascade correctly from the table</li>
|
|
||||||
<li>the width of the caption block is that of page or of the block element containing the table</li>
|
|
||||||
<li>text alignment will be to the page-width not the table width</li>
|
|
||||||
<li>if table page-break-after: always, the caption will follow the pagebreak</li>
|
|
||||||
</ul></li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Core fonts in non-core font document<bookmark content="Core fonts" level="1" /></h4>
|
|
||||||
|
|
||||||
<p>Core fonts, which do not need to be embedded in a PDF, can now be included in a document which uses non-core fonts. The pseudo font-family names: <span style="font-family: chelvetica">chelvetica</span>, <span style="font-family: ctimes">ctimes</span> and <span style="font-family: ccourier">ccourier</span> should be used.</p>
|
|
||||||
<p class="code">
|
|
||||||
<div style="font-family: chelvetica">
|
|
||||||
</p>
|
|
||||||
<p>NB You could force mPDF to always use core fonts when Arial/Helvetica/Courier are specified, by editing $this->fonttrans in config_fonts.php:</p>
|
|
||||||
<p class="code">
|
|
||||||
$this->fonttrans = array(<br />
|
|
||||||
\'arial\' => \'chelvetica\',<br />
|
|
||||||
\'helvetica\' => \'chelvetica\',<br />
|
|
||||||
\'timesnewroman\' => \'ctimes\',<br />
|
|
||||||
\'times\' => \'ctimes\',<br />
|
|
||||||
\'couriernew\' => \'ccourier\',<br />
|
|
||||||
\'courier\' => \'ccourier\',<br />
|
|
||||||
...
|
|
||||||
</p>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<h4>Javascript in Forms<bookmark content="Javascript in Forms" level="1" /></h4>
|
|
||||||
|
|
||||||
<p>Javascript used in (active) forms has been altered to reflect the Adobe Acrobat specification for Javascript in PDF documents.</p>
|
|
||||||
<p>textarea and input (text-types) now accept javascript as: onKeystroke, onValidate, onCalculate and onFormat. onChange is depracated but is not ignored; it works as though for onCalculate. (PS Select still accepts onChange)</p>
|
|
||||||
|
|
||||||
|
|
||||||
<br />
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Overlapping Rows in Tables<bookmark content="Overlapping Table Rows" level="1" /></h4>
|
|
||||||
<p> Support for overlapping rowspans in tables has been improved (although probably not foolproof!)</p>
|
|
||||||
<table style="border-collapse: separate; border-spacing: 3.5mm;">
|
|
||||||
<tr>
|
|
||||||
<td style="width: 30mm; height: 30mm; background-color: rgb(213,226,253)"> </td>
|
|
||||||
<td style="width: 30mm; height: 30mm; background-color: rgb(75,155,215)"> </td>
|
|
||||||
<td rowspan="2" style="width: 30mm; height: 63.5mm; background-color: rgb(183,225,253)"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td colspan="2" rowspan="2" style="width: 63.5mm; height: 63.5mm; background-color: rgb(183,225,253)"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="width: 30mm; height: 30mm; background-color: rgb(75,155,215)"> </td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<br />
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h3>Circular Text<bookmark content="Circular Text" level="0" /></h3>
|
|
||||||
<p>Circular Text can be included in a PDF document as a custom HTML tag (or a function)</p>
|
|
||||||
<ul>
|
|
||||||
<li>top-text and/or bottom-text can be specified</li>
|
|
||||||
<li>Radius (r) and font-size (using CSS) are user-defined</li>
|
|
||||||
<li>Width and height are calculated from radius and font-size</li>
|
|
||||||
<li>Other CSS styles supported on Circular Text: border, margin, padding, color, background-color, font-family, font-size, font-weight, font-style, display, visibility, and opacity</li>
|
|
||||||
<li>space-width should be specified as an integer defining the letter-spacing as a percentage of normal (default 120)</li>
|
|
||||||
<li>char-width should be specified as an integer defining the width of each character as a percentage of normal (default 100)</li>
|
|
||||||
<li>Circular Text is displayed as though an in-line element</li>
|
|
||||||
</ul>
|
|
||||||
<p>NB If $mpdf->useKerning is true then automatic kerning will be used on Circular Text.</p>
|
|
||||||
|
|
||||||
<p class="code">
|
|
||||||
<textcircle r="30mm" top-text="Circular Text Circular Text" style="color: blue; font-size: 34pt; font-style: italic" /><br /><br />
|
|
||||||
<textcircle r="30mm" space-width="120" char-width="150" top-text="&bull; Circular Text &bull;" bottom-text="Circular Text" style="background-color: #FFAAAA; border:1px solid red; padding: 0.3em; margin: 0.3em; color: #000000; font-size: 21pt; font-weight:bold; font-family: Arial" />
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<textcircle r="30mm" top-text="Circular Text Circular Text" style="color: blue; font-size: 34pt; font-style: italic" />
|
|
||||||
|
|
||||||
<textcircle r="30mm" space-width="120" char-width="150" top-text="• Circular Text •" bottom-text="Circular Text" style="background-color: #FFAAAA; border:1px solid red; padding: 0.3em; margin: 0.3em; color: #000000; font-size: 21pt; font-weight:bold; font-family: Arial" />
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h3 style="page-break-before: left;">Spread tables<bookmark content="Spread Tables" level="0" /></h3>
|
|
||||||
<div class="gradient text">
|
|
||||||
Setting the CSS property "overflow: visible" on a table now has the effect of cancelling resizing, and allowing tables to split columns across multiple pages.
|
|
||||||
The maximum width for a column (or group of columns set by colspan) is the page width. It is recommended to specify absolute values of width on each column (not percentages).
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
<input type="button" name="javascriptButton" value="Show 2 pages" onClick="TwoPages()" />
|
|
||||||
<input type="button" name="javascriptButton2" value="Show 1 page" onClick="OnePage()" />
|
|
||||||
|
|
||||||
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<table cellPadding="9" style="font-size: 16pt;">
|
|
||||||
<caption class="tablecaption">Periodic Table (table caption)</caption>
|
|
||||||
<thead>
|
|
||||||
<tr><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th>9</th><th>10</th><th>11</th><th>12</th><th>13</th><th>14</th><th>15</th><th>16</th><th>17</th><th>18</th></tr></thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>H </td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
|
|
||||||
<td></td><td></td><td></td><td></td><td>He </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Li </td><td>Be </td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
|
|
||||||
<td>B </td><td>C </td><td>N </td><td>O </td><td>F </td><td>Ne </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Na </td><td>Mg </td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
|
|
||||||
<td>Al </td><td>Si </td><td>P </td><td>S </td><td>Cl </td><td>Ar </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>K </td><td>Ca </td><td>Sc </td><td>Ti </td><td>V </td><td class="markedcell">Cr </td><td>Mn </td><td>Fe </td><td>Co </td><td>Ni </td>
|
|
||||||
<td>Cu </td><td>Zn </td><td>Ga </td><td>Ge </td><td>As </td><td>Se </td><td>Br </td><td>Kr </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Rb </td><td>Sr </td><td>Y </td><td>Zr </td><td>Nb </td><td>Mo </td><td>Tc </td><td class="underlinedcell">Ru </td><td>Rh </td>
|
|
||||||
<td>Pd </td><td>Ag </td><td>Cd </td><td>In </td><td>Sn </td><td>Sb </td><td>Te </td><td>I </td><td>Xe </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Cs </td><td>Ba </td><td class="rotatedcell">Lu </td><td>Hf </td><td>Ta </td><td>W </td><td>Re </td><td>Os </td><td>Ir </td><td>Pt </td>
|
|
||||||
<td>Au </td><td>Hg </td><td>Tl </td><td>Pb </td><td>Bi </td><td>Po </td><td>At </td><td>Rn </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Fr </td><td>Ra </td><td> </td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
|
|
||||||
<td></td><td></td><td></td><td></td><td></td>
|
|
||||||
</tr>
|
|
||||||
</tbody></table>
|
|
||||||
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<div class="gradient text">
|
|
||||||
<h4>Limitations of Spread tables<bookmark content="Limitations" level="1" /></h4>
|
|
||||||
Spread tables cannot be used with: keep-headings-with-table ($mpdf->use_kwt), table rotate, table page-break-inside:avoid, columns,
|
|
||||||
CJK (chinese-japanese-korean) or RTL (right-to-left) languages.
|
|
||||||
They will also cause problems with $mpdf->forcePortraitHeaders or $mpdf->forcePortraitMargins.<br />
|
|
||||||
Warning: If a table row is too tall to fit on a page, mPDF will crash with an error message.<br />
|
|
||||||
If the width settings within the table cause conflicts, it will override some of these settings.
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
|
|
||||||
';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
if ($_REQUEST['html']) { echo $html; exit; }
|
|
||||||
if ($_REQUEST['source']) {
|
|
||||||
$file = __FILE__;
|
|
||||||
header("Content-Type: text/plain");
|
|
||||||
header("Content-Length: ". filesize($file));
|
|
||||||
header("Content-Disposition: attachment; filename='".$file."'");
|
|
||||||
readfile($file);
|
|
||||||
exit;
|
|
||||||
}
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
$mpdf->useActiveForms = true;
|
|
||||||
|
|
||||||
$mpdf->bookmarkStyles = array(
|
|
||||||
0 => array('color'=> array(0,64,128), 'style'=>'B'),
|
|
||||||
1 => array('color'=> array(128,0,0), 'style'=>''),
|
|
||||||
2 => array('color'=> array(0,128,0), 'style'=>'I'),
|
|
||||||
);
|
|
||||||
|
|
||||||
$mpdf->useKerning=true; // set this to improve appearance of Circular text
|
|
||||||
// must be set before the font is first loaded
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
// JAVASCRIPT FOR WHOLE DOCUMENT
|
|
||||||
$mpdf->SetJS('
|
|
||||||
function TwoPages() {
|
|
||||||
this.layout="TwoColumnRight";
|
|
||||||
this.zoomType = zoomtype.fitW;
|
|
||||||
}
|
|
||||||
function OnePage() {
|
|
||||||
this.layout="SinglePage";
|
|
||||||
this.zoom = 100;
|
|
||||||
}
|
|
||||||
');
|
|
||||||
|
|
||||||
// OUTPUT
|
|
||||||
$mpdf->Output(); exit;
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,387 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
ini_set("memory_limit","64M");
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('');
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<style>
|
|
||||||
.gradient {
|
|
||||||
border:0.1mm solid #220044;
|
|
||||||
background-color: #f0f2ff;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
box-shadow: 0.3em 0.3em #888888;
|
|
||||||
}
|
|
||||||
.rounded {
|
|
||||||
border:0.1mm solid #220044;
|
|
||||||
background-color: #f0f2ff;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
border-radius: 2mm;
|
|
||||||
background-clip: border-box;
|
|
||||||
}
|
|
||||||
h4 {
|
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 1em;
|
|
||||||
margin-bottom: 0.3em;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
div.text {
|
|
||||||
padding:0.8em;
|
|
||||||
margin-bottom: 0.7em;
|
|
||||||
}
|
|
||||||
p { margin: 0.25em 0; }
|
|
||||||
.code {
|
|
||||||
font-family: monospace;
|
|
||||||
font-size: 9pt;
|
|
||||||
background-color: #d5d5d5;
|
|
||||||
margin: 1em 1cm;
|
|
||||||
padding: 0 0.3cm;
|
|
||||||
border:0.2mm solid #000088;
|
|
||||||
box-shadow: 0.3em 0.3em #888888;
|
|
||||||
}
|
|
||||||
table {
|
|
||||||
border:1px solid #000000;
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-size: 10pt;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
}
|
|
||||||
td, th {
|
|
||||||
border:1px solid #000000;
|
|
||||||
text-align: left;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
.shadowtitle {
|
|
||||||
height: 8mm;
|
|
||||||
background-color: #EEDDFF;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
padding: 0.8em;
|
|
||||||
padding-left: 3em;
|
|
||||||
font-family:sans;
|
|
||||||
font-size: 26pt;
|
|
||||||
font-weight: bold;
|
|
||||||
border: 0.2mm solid white;
|
|
||||||
border-radius: 0.2em;
|
|
||||||
box-shadow: 0 0 2em 0.5em rgba(0,0,255,0.9);
|
|
||||||
color: #AAAACC;
|
|
||||||
text-shadow: 0.03em 0.03em #666, 0.05em 0.05em rgba(127,127,127,0.5), -0.015em -0.015em white;
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
margin: 3em 0 2em -15mm;
|
|
||||||
background-color: #EEDDFF;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
padding: 0.5em;
|
|
||||||
padding-left: 3em;
|
|
||||||
width: 50%;
|
|
||||||
font-family:sans;
|
|
||||||
font-size: 16pt;
|
|
||||||
font-weight: bold;
|
|
||||||
border-left: none;
|
|
||||||
border-radius: 0 2em 2em 0;
|
|
||||||
box-shadow: 0 0 2em 0.5em rgba(255,0,0,1);
|
|
||||||
text-shadow: 0.05em 0.04em rgba(127,127,127,0.5);
|
|
||||||
}
|
|
||||||
.css {
|
|
||||||
font-family: arial;
|
|
||||||
font-style: italic;
|
|
||||||
color: #000088;
|
|
||||||
}
|
|
||||||
table.pop {
|
|
||||||
border-collapse: collapse;
|
|
||||||
}
|
|
||||||
table.pop td {
|
|
||||||
font-family: arial;
|
|
||||||
font-size: 10px;
|
|
||||||
border: 1px solid #888888;
|
|
||||||
}
|
|
||||||
meter.pop {
|
|
||||||
margin: 3px;
|
|
||||||
}
|
|
||||||
fieldset { border: 1px solid #000000; border-radius: 5px; padding: 10px; }
|
|
||||||
div.folder {
|
|
||||||
background: url(data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub//ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcppV0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7) no-repeat 4px center;
|
|
||||||
padding: 5px 0 5px 25px;
|
|
||||||
border: 1px solid #000000;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="shadowtitle">New Features in mPDF v5.6</div>
|
|
||||||
|
|
||||||
<h3>HTML5 tags</h3>
|
|
||||||
<div class="gradient text">
|
|
||||||
<p>New tags introduced in HTML5 now have basic support in mPDF, and will thus support CSS style references.</p>
|
|
||||||
<p>The following are treated as block elements similar to <div>:</p>
|
|
||||||
<p class="code"><article> <aside> <details> <figure> <figcaption> <footer> <header> <hgroup> <nav> <section> <summary> </p>
|
|
||||||
<p>The following are treated as in-line elements:</p>
|
|
||||||
<p class="code"><time> <mark></p>
|
|
||||||
<p>Mark is set by default to highlight in yellow in config.php using $defaultCSS e.g. <mark>mark</mark></p>
|
|
||||||
<p>Progress and meter are discussed below:</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3><progress></h3>
|
|
||||||
<div class="gradient text">
|
|
||||||
<p>Progress: accepts the attributes value and max. A progress element without a value is called an indeterminate progress bar.
|
|
||||||
Text between the opening and closing tags is not displayed.</p>
|
|
||||||
<p>CSS styles properties can be applied: display, visibility, margin, padding, border, vertical-align, width, height and opacity.
|
|
||||||
HTML attributes width and height are supported, although not officially part of the spec.</p>
|
|
||||||
<p>Example:</p>
|
|
||||||
<p class="code"><progress value="5" max="10">50%</progress></p>
|
|
||||||
|
|
||||||
<ul class="compact">
|
|
||||||
<li>
|
|
||||||
<label>Indeterminate</label>
|
|
||||||
<progress max="100"></progress>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<label>Progress: 0%</label>
|
|
||||||
<progress max="10" value="0"></progress>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<label>Progress: 100%</label>
|
|
||||||
<progress max="3254" value="3254"></progress>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<label>Progress: 57%</label>
|
|
||||||
<progress max="0.7" value="0.4"></progress>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3><meter></h3>
|
|
||||||
<div class="gradient text">
|
|
||||||
<p>Meter: accepts the attributes min, max, value, optimum, low, and high.
|
|
||||||
Text between the opening and closing tags is not displayed.</p>
|
|
||||||
<p>CSS styles properties can be applied: display, visibility, margin, padding, border, vertical-align, width, height and opacity.
|
|
||||||
HTML attributes width and height are supported, although not officially part of the spec.</p>
|
|
||||||
<p>Example:</p>
|
|
||||||
<p class="code"><meter value="5" max="10" min="1" low="2" high="8" optimum="5.6">5</meter></p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<ul class="compact">
|
|
||||||
<li>
|
|
||||||
<label>Meter: full</label>
|
|
||||||
<meter value="1"></meter>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<label>Preferred usage</label>
|
|
||||||
<meter min="1024" max="10240" low="2048" high="8192" value="1824" optimum="1024"></meter>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<label>Too much traffic</label>
|
|
||||||
<meter min="1024" max="10240" low="2048" high="8192" value="6216" optimum="1024"></meter>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<label>Much too much traffic</label>
|
|
||||||
<meter min="1024" max="10240" low="2048" high="8192" value="9216" optimum="1024"></meter>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="gradient text">
|
|
||||||
<h4>Custom appearances for <meter> and <progress></h4>
|
|
||||||
<p>Meter (and to a lesser extent progress) can be used with custom appearances e.g. by using optimum to display the average, and low/high to indicate 90th centiles</p>
|
|
||||||
|
|
||||||
<p>Custom appearances can be written by editing the script in classes/meter.php - Use a custom attribute of type="anyname" which is passed to the class as a variable e.g.</p>
|
|
||||||
<p class="code"><meter type="2" value="612.7" optimum="580.4" min="517.0 " max="642.7" low="542" high="600">612.7</meter></p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<table class="pop">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td><p><b>Domain</b></p></td>
|
|
||||||
<td><p><b>Indicator</b></p></td>
|
|
||||||
<td><p><b>LHB</b></p><p><b>number</b></p></td>
|
|
||||||
<td><p><b>LHB</b></p><p><b>Indicator</b></p>
|
|
||||||
<p><b>value</b></p>
|
|
||||||
</td>
|
|
||||||
<td><p><b>Wales</b></p><p><b>average</b></p>
|
|
||||||
</td>
|
|
||||||
<td><p><b>Wales range</b></p></td>
|
|
||||||
<td><p><b>Comparison</b></p></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td rowspan="4"><p><b>Deaths</b></p></td>
|
|
||||||
<td><p>Death Rates per 100,000 population</p></td>
|
|
||||||
<td><p>3046</p></td>
|
|
||||||
<td><p><b>612.7</b><b></b></p></td>
|
|
||||||
<td><p>580.4</p></td>
|
|
||||||
<td><p>517.0 - 642.7</p></td>
|
|
||||||
<td><meter class="pop" type="2" value="612.7" optimum="580.4" min="517.0 " max="642.7" low="542" high="600">612.7</meter></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td><p>Death Rates per 100,000 from cancer</p></td>
|
|
||||||
<td><p>789</p></td>
|
|
||||||
<td><p><b>178.2</b><b></b></p></td>
|
|
||||||
<td><p>172.7</p></td>
|
|
||||||
<td><p>159.5 - 182.2</p></td>
|
|
||||||
<td><meter class="pop" type="2" value="178.2" optimum="172.7" min="159.5 " max="182.2" low="162" high="180">178.2</meter></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td><p>Death Rates per 100,000 from respiratory disease</p></td>
|
|
||||||
<td><p>505</p></td>
|
|
||||||
<td><p><b>60.5</b><b></b></p></td>
|
|
||||||
<td><p>72.11</p></td>
|
|
||||||
<td><p>54.41 - 95.5</p></td>
|
|
||||||
<td><meter class="pop" type="2" value="60.5" optimum="72.11" min="54.41 " max="95.5" low="68" high="80">60.5</meter></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td><p>Death Rates per 100,000 from cardiovascular disease</p></td>
|
|
||||||
<td><p>913</p></td>
|
|
||||||
<td><p><b>178.2</b><b></b></p></td>
|
|
||||||
<td><p>165.0</p></td>
|
|
||||||
<td><p>151.8 - 179.9</p></td>
|
|
||||||
<td><meter class="pop" type="2" value="160.2" optimum="165" min="151.8 " max="179.9" low="158" high="170">160.2</meter></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
<h3>Fieldset and Legend</h3>
|
|
||||||
<form>
|
|
||||||
<fieldset>
|
|
||||||
<legend>Fieldset and legend</legend>
|
|
||||||
<p>Support for fieldset and legend was introduced in mPDF v5.5. Consider it experimental!</p>
|
|
||||||
<label for="name">Username:</label>
|
|
||||||
<input type="text" name="name" id="name" />
|
|
||||||
<br />
|
|
||||||
<label for="mail">E-mail:</label>
|
|
||||||
<input type="text" name="mail" id="mail" />
|
|
||||||
</fieldset>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
|
|
||||||
<h3>CSS styles</h3>
|
|
||||||
<div class="gradient text">
|
|
||||||
<h4></h4>
|
|
||||||
<p><span class="css">min-height</span>, <span class="css">min-width</span>, <span class="css">max-height</span> and <span class="css">max-width</span> are now supported in CSS style sheets for <img> (only).</p>
|
|
||||||
<p><span class="css">background: url(data:image/gif;base64,...)</span> is now supported in CSS style sheets (gif, png and jpeg).</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="folder">This <div> has the folder icon set as an embedded image in the CSS</div>
|
|
||||||
<p class="code">div.folder {
|
|
||||||
background: url(data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub//ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcppV0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7) no-repeat 4px center;
|
|
||||||
padding: 5px 0 5px 25px;
|
|
||||||
border: 1px solid #000000;
|
|
||||||
}
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h3>Arabic text</h3>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<div class="gradient text">
|
|
||||||
|
|
||||||
<p>The script handling Arabic text (RTL) was rewritten in mPDF 5.5 with improved support for Pashto/Sindhi/Urdu/Kurdish, especially for joining characters and added new presentation forms.</p>
|
|
||||||
<p>Some characters in Pashto/Sindhi/Urdu/Kurdish do not have Unicode values for the final/initial/medial forms of the characters. However, some fonts include glyphs for these characters "un-mapped" to Unicode (including XB Zar and XB Riyaz, which are bundled with mPDF).</p>
|
|
||||||
<p>By editing config_fonts.php and adding:</p>
|
|
||||||
<p class="code">
|
|
||||||
\'unAGlyphs\' => true,
|
|
||||||
</p>
|
|
||||||
<p>to appropriate fonts, this will force mPDF to use unmapped glyphs. It requires the font file to include a Format 2.0 POST table which references the glyphs by name as e.g. uni067C.med or uni067C.medi</p>
|
|
||||||
<p>XB Riyaz, XB Zar, Arabic Typesetting (MS), Arial (MS) all contain this table. NB If you want to know if a font file is suitable, you can open a .ttf file in a text editor and search for "uni067C.med" - if it exists, it may work!</p>
|
|
||||||
<p>Using "unAGlyphs" forces subsetting of fonts, and will not work with SIP/SMP fonts (using characters beyond the Unicode BMP Plane).</p>
|
|
||||||
<p>mPDF maps these characters to part of the Private Use Area allocated by Unicode U+F500-F7FF. This could interfere with correct use
|
|
||||||
if the font already utilises these codes (unlikely).</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
<p>Using Arial MS font:</p>
|
|
||||||
';
|
|
||||||
//==============================================================
|
|
||||||
// Test for all Arabic characters which may need joining
|
|
||||||
//==============================================================
|
|
||||||
$mpdf->cacheTables = true;
|
|
||||||
$html .='
|
|
||||||
<style>
|
|
||||||
.script-arabic { font-family: arial; font-size: 22pt; direction: rtl; padding: 0.1em 0.5em; text-align: center; }
|
|
||||||
.joined { color: #888888; }
|
|
||||||
</style>
|
|
||||||
<div dir="ltr">
|
|
||||||
';
|
|
||||||
|
|
||||||
|
|
||||||
$ranges = array(0=>array(0x0621, 0x063a), 1=>array(0x0640, 0x064a), 2=>array(0x0671, 0x0672), 3=>array(0x0674, 0x06d3));
|
|
||||||
|
|
||||||
foreach($ranges AS $r) {
|
|
||||||
$html .= '<table border="1" style="border-collapse: collapse">';
|
|
||||||
$html .= '<thead><tr>';
|
|
||||||
$html .= '<td></td>';
|
|
||||||
$html .= '<td style="text-align:center; padding: 0 0.5em;">Isolated</td>';
|
|
||||||
$html .= '<td></td>';
|
|
||||||
$html .= '<td style="text-align:center; padding: 0 0.5em;">Final</td>';
|
|
||||||
$html .= '<td style="text-align:center; padding: 0 0.5em;">Medial</td>';
|
|
||||||
$html .= '<td style="text-align:center; padding: 0 0.5em;">Initial</td>';
|
|
||||||
$html .= '<td></td>';
|
|
||||||
$html .= '</tr></thead><tbody>';
|
|
||||||
for($n=$r[0];$n<=$r[1];$n++) {
|
|
||||||
|
|
||||||
$html .= '<tr>';
|
|
||||||
$html .= '<td>U+0'.strtoupper(dechex($n)) .'</td>';
|
|
||||||
|
|
||||||
$html .= '<td class="script-arabic">�'.dechex($n) .';</td>';
|
|
||||||
$html .= '<td class="script-arabic joined">ئ�'.dechex($n) .';</td>';
|
|
||||||
$html .= '<td class="script-arabic">ـ�'.dechex($n) .';</td>';
|
|
||||||
$html .= '<td class="script-arabic">ـ�'.dechex($n) .';ـ</td>';
|
|
||||||
$html .= '<td class="script-arabic">�'.dechex($n) .';ـ</td>';
|
|
||||||
$html .= '<td class="script-arabic joined">�'.dechex($n) .';ه</td>';
|
|
||||||
|
|
||||||
$html .= '</tr>';
|
|
||||||
}
|
|
||||||
$html .='</tbody></table>';
|
|
||||||
$html .='<br />';
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$html .='</div>';
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
$html .='
|
|
||||||
<br />
|
|
||||||
|
|
||||||
|
|
||||||
';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
if ($_REQUEST['html']) { echo $html; exit; }
|
|
||||||
if ($_REQUEST['source']) {
|
|
||||||
$file = __FILE__;
|
|
||||||
header("Content-Type: text/plain");
|
|
||||||
header("Content-Length: ". filesize($file));
|
|
||||||
header("Content-Disposition: attachment; filename='".$file."'");
|
|
||||||
readfile($file);
|
|
||||||
exit;
|
|
||||||
}
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
// OUTPUT
|
|
||||||
$mpdf->Output(); exit;
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
@ -1,595 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
ini_set("memory_limit","64M");
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('');
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<style>
|
|
||||||
.gradient {
|
|
||||||
border:0.1mm solid #220044;
|
|
||||||
background-color: #f0f2ff;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
box-shadow: 0.3em 0.3em #888888;
|
|
||||||
}
|
|
||||||
h4 {
|
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 1em;
|
|
||||||
margin-bottom: 0.3em;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
div.text {
|
|
||||||
padding:0.8em;
|
|
||||||
margin-bottom: 0.7em;
|
|
||||||
}
|
|
||||||
p { margin: 0.25em 0; }
|
|
||||||
p.code {
|
|
||||||
background-color: #d5d5d5;
|
|
||||||
margin: 1em 1cm;
|
|
||||||
padding: 0 0.3cm;
|
|
||||||
border:0.2mm solid #000088;
|
|
||||||
box-shadow: 0.3em 0.3em #888888;
|
|
||||||
}
|
|
||||||
.code {
|
|
||||||
font-family: monospace;
|
|
||||||
font-size: 9pt;
|
|
||||||
}
|
|
||||||
.shadowtitle {
|
|
||||||
height: 8mm;
|
|
||||||
background-color: #EEDDFF;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
padding: 0.8em;
|
|
||||||
padding-left: 3em;
|
|
||||||
font-family:sans;
|
|
||||||
font-size: 26pt;
|
|
||||||
font-weight: bold;
|
|
||||||
border: 0.2mm solid white;
|
|
||||||
border-radius: 0.2em;
|
|
||||||
box-shadow: 0 0 1em 0.5em rgba(0,0,255,0.5);
|
|
||||||
color: #AAAACC;
|
|
||||||
text-shadow: 0.03em 0.03em #666, 0.05em 0.05em rgba(127,127,127,0.5), -0.015em -0.015em white;
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
margin: 3em 0 2em -15mm;
|
|
||||||
background-color: #EEDDFF;
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
padding: 0.5em;
|
|
||||||
padding-left: 3em;
|
|
||||||
width: 50%;
|
|
||||||
font-family:sans;
|
|
||||||
font-size: 16pt;
|
|
||||||
font-weight: bold;
|
|
||||||
border-left: none;
|
|
||||||
border-radius: 0 2em 2em 0;
|
|
||||||
box-shadow: 0 0 2em 0.5em rgba(255,0,0,1);
|
|
||||||
text-shadow: 0.05em 0.04em rgba(127,127,127,0.5);
|
|
||||||
}
|
|
||||||
.css {
|
|
||||||
font-family: arial;
|
|
||||||
font-style: italic;
|
|
||||||
color: #000088;
|
|
||||||
}
|
|
||||||
|
|
||||||
.aBDP { text-align: "." center; }
|
|
||||||
.arBDP { text-align: "\66B" center; }
|
|
||||||
.middot { text-align: "\B7" center ; }
|
|
||||||
|
|
||||||
p.menu {
|
|
||||||
text-align: justify;
|
|
||||||
padding-right: 4em;
|
|
||||||
}
|
|
||||||
dottab.menu {
|
|
||||||
outdent: 4em;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.outlined {
|
|
||||||
text-outline: 0.1mm 0.1mm #FF0000;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 20pt;
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* For background-clip and -origin */
|
|
||||||
.divclip {
|
|
||||||
border: 10px dashed #000000;
|
|
||||||
border-radius: 3em;
|
|
||||||
padding: 20px;
|
|
||||||
background:yellow;
|
|
||||||
background-image: -moz-linear-gradient(top right 210deg, red, orange, yellow, green, blue, indigo, violet);
|
|
||||||
width: 300px;
|
|
||||||
height: 50px;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
background-repeat: no-repeat ;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
}
|
|
||||||
.divpic {
|
|
||||||
background:yellow;
|
|
||||||
background: yellow url("bayeux1.jpg") no-repeat scroll left top;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
}
|
|
||||||
.div1 {
|
|
||||||
background-clip: content-box;
|
|
||||||
background-origin: content-box;
|
|
||||||
}
|
|
||||||
.div2 {
|
|
||||||
background-clip: padding-box;
|
|
||||||
background-origin: padding-box;
|
|
||||||
}
|
|
||||||
.div3 {
|
|
||||||
background-clip: border-box;
|
|
||||||
background-origin: border-box;
|
|
||||||
}
|
|
||||||
.div4 {
|
|
||||||
background-clip: content-box;
|
|
||||||
background-origin: border-box;
|
|
||||||
}
|
|
||||||
.div5 {
|
|
||||||
background-clip: border-box;
|
|
||||||
background-origin: content-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* For Table of Contents */
|
|
||||||
div.mpdf_toc {
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-size: 11pt;
|
|
||||||
}
|
|
||||||
a.mpdf_toc_a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
div.mpdf_toc_level_0 { /* Whole line level 0 */
|
|
||||||
line-height: 1.5;
|
|
||||||
margin-left: 0;
|
|
||||||
padding-right: 2em; /* should match e.g <dottab outdent="2em" /> 0 is default */
|
|
||||||
}
|
|
||||||
span.mpdf_toc_t_level_0 { /* Title level 0 - may be inside <a> */
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
span.mpdf_toc_p_level_0 { /* Page no. level 0 - may be inside <a> */
|
|
||||||
}
|
|
||||||
div.mpdf_toc_level_1 { /* Whole line level 1 */
|
|
||||||
margin-left: 2em;
|
|
||||||
text-indent: -2em;
|
|
||||||
padding-right: 2em; /* should match <dottab outdent="2em" /> 2em is default */
|
|
||||||
}
|
|
||||||
span.mpdf_toc_t_level_1 { /* Title level 1 */
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
span.mpdf_toc_p_level_1 { /* Page no. level 1 - may be inside <a> */
|
|
||||||
}
|
|
||||||
div.mpdf_toc_level_2 { /* Whole line level 2 */
|
|
||||||
margin-left: 4em;
|
|
||||||
text-indent: -2em;
|
|
||||||
padding-right: 2em; /* should match <dottab outdent="2em" /> 2em is default */
|
|
||||||
}
|
|
||||||
span.mpdf_toc_t_level_2 { /* Title level 2 */
|
|
||||||
}
|
|
||||||
span.mpdf_toc_p_level_2 { /* Page no. level 2 - may be inside <a> */
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<tocpagebreak links="on" toc-preHTML="<div class="shadowtitle">New Features in mPDF v5.7</div><h3>Table of Contents</h3>" toc-bookmarktext="Table of Contents"/>
|
|
||||||
|
|
||||||
|
|
||||||
<h3>ToC Layout and styling</h3>
|
|
||||||
<div class="gradient text">
|
|
||||||
<h4>Table of Contents styling</h4>
|
|
||||||
<p>When a Table of Contents is generated by mPDF using e.g. <tocpagebreak>, mPDF 5.7 will generate the ToC as HTML. This means that a CSS stylesheet can be used to format its appearance.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="gradient text">
|
|
||||||
<p>Example table of contents:</p>
|
|
||||||
<div class="mpdf_toc" id="mpdf_toc_0">
|
|
||||||
<div class="mpdf_toc_level_0">
|
|
||||||
<a class="mpdf_toc_a" href="#__mpdfinternallink_1"><span class="mpdf_toc_t_level_0">Section 1</span></a>
|
|
||||||
<dottab outdent="2em" />
|
|
||||||
<a class="mpdf_toc_a" href="#__mpdfinternallink_1"><span class="mpdf_toc_p_level_0">5</span></a>
|
|
||||||
</div>
|
|
||||||
<div class="mpdf_toc_level_1">
|
|
||||||
<a class="mpdf_toc_a" href="#__mpdfinternallink_2"><span class="mpdf_toc_t_level_1">Chapter 1</span></a>
|
|
||||||
<dottab outdent="2em" />
|
|
||||||
<a class="mpdf_toc_a" href="#__mpdfinternallink_2"><span class="mpdf_toc_p_level_1">6</span></a>
|
|
||||||
</div>
|
|
||||||
<div class="mpdf_toc_level_2">
|
|
||||||
<a class="mpdf_toc_a" href="#__mpdfinternallink_3"><span class="mpdf_toc_t_level_2">Topic 1</span></a>
|
|
||||||
<dottab outdent="2em" />
|
|
||||||
<a class="mpdf_toc_a" href="#__mpdfinternallink_3"><span class="mpdf_toc_p_level_2">7</span></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="gradient text">
|
|
||||||
<p>This will result in the following HTML code generated (internally):</p>
|
|
||||||
<p class="code">
|
|
||||||
<div class="mpdf_toc" id="mpdf_toc_0"><br />
|
|
||||||
<div class="mpdf_toc_level_0"><br />
|
|
||||||
<a class="mpdf_toc_a" href="#__mpdfinternallink_1"><br />
|
|
||||||
<span class="mpdf_toc_t_level_0">Section 1</span><br />
|
|
||||||
</a><br />
|
|
||||||
<dottab outdent="2em" /><br />
|
|
||||||
<a class="mpdf_toc_a" href="#__mpdfinternallink_1"><br />
|
|
||||||
<span class="mpdf_toc_p_level_0">5</span><br />
|
|
||||||
</a><br />
|
|
||||||
</div><br />
|
|
||||||
<div class="mpdf_toc_level_1"><br />
|
|
||||||
<a class="mpdf_toc_a" href="#__mpdfinternallink_2"><br />
|
|
||||||
<span class="mpdf_toc_t_level_1">Chapter 1</span><br />
|
|
||||||
</a><br />
|
|
||||||
<dottab outdent="2em" /><br />
|
|
||||||
<a class="mpdf_toc_a" href="#__mpdfinternallink_2"><br />
|
|
||||||
<span class="mpdf_toc_p_level_1">6</span><br />
|
|
||||||
</a><br />
|
|
||||||
</div><br />
|
|
||||||
<div class="mpdf_toc_level_2"><br />
|
|
||||||
<a class="mpdf_toc_a" href="#__mpdfinternallink_3"><br />
|
|
||||||
<span class="mpdf_toc_t_level_2">Topic 1</span><br />
|
|
||||||
</a><br />
|
|
||||||
<dottab outdent="2em" /><br />
|
|
||||||
<a class="mpdf_toc_a" href="#__mpdfinternallink_3"><br />
|
|
||||||
<span class="mpdf_toc_p_level_2">7</span><br />
|
|
||||||
</a><br />
|
|
||||||
</div><br />
|
|
||||||
</div>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>NB The id is "0" (mpdf_toc_0) for root/un-named ToC; otherwise it is lowercase of the name="" used for the ToC</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="gradient text">
|
|
||||||
|
|
||||||
<p>Example Styling using CSS</p>
|
|
||||||
<p>The following CSSwill format the ToC as it appears in this document:</p>
|
|
||||||
<p class="code">
|
|
||||||
/* For Table of Contents */<br />
|
|
||||||
div.mpdf_toc {<br />
|
|
||||||
font-family: sans-serif;<br />
|
|
||||||
font-size: 11pt;<br />
|
|
||||||
}<br />
|
|
||||||
a.mpdf_toc_a {<br />
|
|
||||||
text-decoration: none;<br />
|
|
||||||
color: black;<br />
|
|
||||||
}<br /><br />
|
|
||||||
/* Whole line level 0 */<br />
|
|
||||||
div.mpdf_toc_level_0 {<br />
|
|
||||||
line-height: 1.5;<br />
|
|
||||||
margin-left: 0;<br />
|
|
||||||
padding-right: 2em;<br />
|
|
||||||
}<br /><br />
|
|
||||||
/* Title level 0 - may be inside <a> */<br />
|
|
||||||
span.mpdf_toc_t_level_0 {<br />
|
|
||||||
font-weight: bold;<br />
|
|
||||||
}<br /><br />
|
|
||||||
/* Page no. level 0 - may be inside <a> */<br />
|
|
||||||
span.mpdf_toc_p_level_0 { }<br /><br />
|
|
||||||
/* Whole line level 1 */<br />
|
|
||||||
div.mpdf_toc_level_1 {<br />
|
|
||||||
margin-left: 2em;<br />
|
|
||||||
padding-right: 2em;<br />
|
|
||||||
}<br /><br />
|
|
||||||
/* Title level 1 */<br />
|
|
||||||
span.mpdf_toc_t_level_1 {<br />
|
|
||||||
font-style: italic;<br />
|
|
||||||
font-weight: bold;<br />
|
|
||||||
}<br /><br />
|
|
||||||
/* Page no. level 1 - may be inside <a> */<br />
|
|
||||||
span.mpdf_toc_p_level_1 { }<br /><br />
|
|
||||||
/* Whole line level 2 */<br />
|
|
||||||
div.mpdf_toc_level_2 {<br />
|
|
||||||
margin-left: 4em;<br />
|
|
||||||
padding-right: 2em;<br />
|
|
||||||
}<br /><br />
|
|
||||||
/* Title level 2 */<br />
|
|
||||||
span.mpdf_toc_t_level_2 { }<br /><br />
|
|
||||||
/* Page no. level 2 - may be inside <a> */<br />
|
|
||||||
span.mpdf_toc_p_level_2 { }<br /><br />
|
|
||||||
</p>
|
|
||||||
<p>NB padding-right should match <dottab> "outdent" (0 is default). See <dottab> for more details</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="gradient text">
|
|
||||||
<p>The functions TOCpagebreakByArray() and TOCpagebreak() have a new final parameter, and HTML tags <TOC> and <TOCpagebreak> have a new attribute "tocoutdent". This should be blank or a valid CSS length e.g. "2em". See <dottab> for more details.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h3>Text-align on decimal point</h3>
|
|
||||||
<div class="gradient text">
|
|
||||||
<p>Text inside a table column can be aligned on a decimal point (or any other character) by using either HTML attribute or CSS.</p>
|
|
||||||
<p>This example table uses the following CSS stylesheet:</p>
|
|
||||||
<p class="code">
|
|
||||||
<style><br />
|
|
||||||
.aBDP { text-align: "." center; }<br />
|
|
||||||
.arBDP { text-align: "\66B" center; }<br />
|
|
||||||
.middot { text-align: "\B7" center ; }<br />
|
|
||||||
</style>
|
|
||||||
</p>
|
|
||||||
<p></p>
|
|
||||||
|
|
||||||
|
|
||||||
<table border="1" style="border-collapse: collapse;" align="center">
|
|
||||||
<tr><th><TD> element</th><th>Column</th></tr>
|
|
||||||
<tr><td class="code">align="left"</td><td align="left">Left text</td></tr>
|
|
||||||
<tr><td class="code">align="right"</td><td align="right">Right text</td></tr>
|
|
||||||
<tr><td class="code">align="center"</td><td align="center">Center text</td></tr>
|
|
||||||
<tr><td class="code">align="char"</td><td align="char"><p>1000.0001</p></td></tr>
|
|
||||||
<tr><td class="code">align="char" char=","</td><td align="char" char=","><p>1000,0001</p></td></tr>
|
|
||||||
<tr><td class="code">align="char" char="&middot;"</td><td align="char" char="·"><p>1000·0001</p></td></tr>
|
|
||||||
<tr><td class="code">align="char" char="&#183;"</td><td align="char" char="·"><p>1000·0001</p></td></tr>
|
|
||||||
<tr><td class="code">style="text-align: \'.\' center"</td><td style="text-align: \'.\' center">100.001</td></tr>
|
|
||||||
<tr><td class="code">style="text-align: \'.\' center"</td><td style="text-align: \'.\' center">DP aligned text</td></tr>
|
|
||||||
<tr><td class="code">style="text-align: \',\' center"</td><td style="text-align: \',\' center"><p>1.000,0001</p></td></tr>
|
|
||||||
<tr><td class="code">class="aBDP"</td><td class="aBDP">10.01</td></tr>
|
|
||||||
<tr><td class="code">class="aBDP"</td><td class="aBDP">1000</td></tr>
|
|
||||||
<tr><td class="code">class="aBDP"</td><td class="aBDP"><p>1000.0001</p></td></tr>
|
|
||||||
<tr><td class="code">class="middot"</td><td class="middot">1 000·0001</td></tr>
|
|
||||||
<tr><td class="code">class="aBDP"</td><td class="aBDP"><p>1,000,000.00001</p></td></tr>
|
|
||||||
<tr><td class="code">class="aBDP"</td><td class="aBDP">1.000000001</td></tr>
|
|
||||||
<tr><td class="code">class="aBDP"</td><td class="aBDP">1.000.000.001</td></tr>
|
|
||||||
<tr><td class="code">class="arBDP"</td><td class="arBDP"><p style="lang: ar">١٬٥٦٧٬٢٣٤٫٢٣٤٧</p></td></tr>
|
|
||||||
<tr><td class="code">class="aBDP"</td><td class="aBDP">(GBP) 1,000,000.00001<br />1,000,000.00001 (EUR)<br />1,000,000.00001</td></tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<pagebreak />
|
|
||||||
|
|
||||||
<h3>Automatic ToC and Bookmarks</h3>
|
|
||||||
<div class="gradient text">
|
|
||||||
<p>A Table of Contents and/or Bookmarks can be generated automatically from any of the heading tags H1 - H6. This example will generate ToC and bookmarks from all <h3> tags (top level) and <h4> tags (next level)</p>
|
|
||||||
<p class="code">
|
|
||||||
$mpdf->h2toc = array(\'H3\'=>0, \'H4\'=>1);<br />
|
|
||||||
$mpdf->h2bookmarks = array(\'H3\'=>0, \'H4\'=>1);
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h3>Improved line-breaking</h3>
|
|
||||||
<p>mPDF will now avoid line-breaks in the middle of words even between <tags></p>
|
|
||||||
<div class="gradient text">
|
|
||||||
<p class="code">
|
|
||||||
<b>Na<sub>2</sub>HCO<sub>3</sub></b>
|
|
||||||
</p>
|
|
||||||
<p>Pellentesque purus feugiat semper. Donec nunc odio, et vitae pellentesque. Pellentesque <b>Na<sub>2</sub>HCO<sub>3</sub></b> velit lacus.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<h3>CSS hyphens</h3>
|
|
||||||
<div class="gradient text">
|
|
||||||
<p>The CSS property hyphens is now supported on all block elements</p>
|
|
||||||
<p class="code">
|
|
||||||
hyphens: manual | auto | none
|
|
||||||
</p>
|
|
||||||
<p>In the following example, the word interdependent contains no soft hyphen or similar characters, and is moved to the next line.</p>
|
|
||||||
|
|
||||||
<p style="hyphens:none;border: 1px solid #000000;">Cum velit lacus pena sociis natoque penatibus et magnis disa montes, nascetur ridicuus interdependent (no characters suggesting line-break).</p>
|
|
||||||
|
|
||||||
<p><b>manual</b> (default)
|
|
||||||
Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities. Characters can be explicit ("-" hard hyphen) or conditional (&shy; &#173; <wbr>). </p>
|
|
||||||
<p style="hyphens:manual;border: 1px solid #000000;">Cum velit lacus pena sociis natoque penatibus et magnis disa montes, nascetur ridicuus inter­dependent (uses soft hyphen &shy;).</p>
|
|
||||||
|
|
||||||
<p><b>none</b> - Words are not broken at line breaks, even if characters inside the word suggest line break points. </p>
|
|
||||||
<p style="hyphens:none;border: 1px solid #000000;">Cum velit lacus pena sociis natoque penatibus et magnis disa montes, nascetur ridicuus inter-dependent (hard hyphen).</p>
|
|
||||||
|
|
||||||
<p><b>auto</b>
|
|
||||||
Words can be broken at appropriate hyphenation points, as determined by characters inside the word.</p>
|
|
||||||
<p style="hyphens:auto;border: 1px solid #000000;">Cum velit lacus pena sociis natoque penatibus et magnis disa montes, nascetur ridicuus interdependent (No characters suggesting line-break).</p>
|
|
||||||
<p>SHY inside the word take priority over hyphenation points determined by other resources. </p>
|
|
||||||
<p style="hyphens:auto;border: 1px solid #000000;">Cum velit lacus pena sociis natoque penatibus et magnis disa montes, nascetur ridicuus inter­dependent (uses soft hyphen &shy;).</p>
|
|
||||||
|
|
||||||
<p>The configurable variables $this->hyphenate and $this->hyphenateTables are henceforth redundant and have no effect.</p>
|
|
||||||
<p>NB Support for <wbr> is new in mPDF 5.7</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h3>Text circle</h3>
|
|
||||||
<div class="gradient text">
|
|
||||||
<p>Added in mPDF 5.6 but not included in New Features example - transparent background and Divider were new. Now also added support for font-size:auto</p>
|
|
||||||
<p class="code">
|
|
||||||
<textcircle r="30mm" top-text="Text Circular Text Circular" bottom-text="Text Circular Text Circular" divider="&bull;" style="font-size: auto" />
|
|
||||||
</p>
|
|
||||||
<p></p>
|
|
||||||
<div align="center"><textcircle r="30mm" top-text="Text Circular Text Circular" bottom-text="Text Circular Text Circular" divider="•" style="font-size: auto" /></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<h3>List numbering</h3>
|
|
||||||
<div class="gradient text">
|
|
||||||
<p>This list is set to start numbering at 5</p>
|
|
||||||
<p class="code"><ol start="5"></p>
|
|
||||||
<ol start="5">
|
|
||||||
<li>List item number 1</li>
|
|
||||||
<li>List item number 2</li>
|
|
||||||
<li>List item number 3</li>
|
|
||||||
</ol>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h3><dottab> and outdent</h3>
|
|
||||||
<div class="gradient text">
|
|
||||||
<p><dottab> now supports a custom CSS property "outdent", which can also be used as an HTML attribute i.e. <dottab outdent="2em"></p>
|
|
||||||
<p>The first item uses <dottab outdent="4em"> whereas the following items have <dottab class="menu"> (with CSS <code>dottab.menu{outdent: 4em;}</code> ) and all have padding-right="4em" on the <div> element</p>
|
|
||||||
<div style="border: 0.2mm solid #000088; padding: 1em;">
|
|
||||||
<p class="menu">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus <dottab outdent="4em" /> £37.00</p>
|
|
||||||
|
|
||||||
<p class="menu">Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat <dottab class="menu" /> £3700.00</p>
|
|
||||||
|
|
||||||
<p class="menu">Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus <dottab class="menu" /> £27.00</p>
|
|
||||||
|
|
||||||
<p class="menu">Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod <dottab class="menu" /> £7.00</p>
|
|
||||||
|
|
||||||
<p class="menu">Donec et nulla. Sed quis orci <dottab class="menu" /> £1137.00</p>
|
|
||||||
</div>
|
|
||||||
<p></p>
|
|
||||||
<p class="code">
|
|
||||||
p.menu { text-align: justify; padding-right: 4em; }<br />
|
|
||||||
dottab.menu { outdent: 4em; }
|
|
||||||
</p>
|
|
||||||
<p>NB It is recommended to use &nbsp; after the dottab if a space is required before the following content.</p>
|
|
||||||
<p>NB This (outdent) is also used in the Table of Contents (see earlier in this document).</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h3>Layers</h3>
|
|
||||||
<div class="gradient text">
|
|
||||||
<p>mPDF 5.7 will create layers in the document using the CSS property z-index. All layers are visible by default.</p>
|
|
||||||
<p>This demonstrates layers in a PDF document. Select the layers named "Correct Answers" or "Wrong Answers" in your PDF viewer (the layers pane should be open already in Adobe Acrobat)</p>
|
|
||||||
<div><b>What is the name of the Prime Minister of Britain?</b></div>
|
|
||||||
<div style="z-index:1;color: green;float: left; width:30%">David Cameron</div>
|
|
||||||
<div style="z-index:2;color: red;">Rupert Murdoch</div>
|
|
||||||
<div><b>What is the name of the David Beckham\'s bulldog?</b></div>
|
|
||||||
<div style="z-index:1;color: green;float: left; width:30%;">Scarlet</div>
|
|
||||||
<div style="z-index:2;color: red;">Victoria</div>
|
|
||||||
<p>To open/close/select layers in Adobe Reader (10):<br />
|
|
||||||
<img src="layers_tab.jpg" /></p>
|
|
||||||
<p>The layer names and initial state can be set (optionally) e.g.</p>
|
|
||||||
<p class="code">
|
|
||||||
$mpdf->layerDetails[1][\'state\']=\'hidden\'; // Set initial state of layer - "hidden" or ""<br />
|
|
||||||
$mpdf->layerDetails[1][\'name\']=\'Correct Answers\';<br />
|
|
||||||
$mpdf->layerDetails[2][\'state\']=\'hidden\';<br />
|
|
||||||
$mpdf->layerDetails[2][\'name\']=\'Wrong Answers\';<br />
|
|
||||||
</p>
|
|
||||||
<p>This is the code used in the example above:</p>
|
|
||||||
<p class="code">
|
|
||||||
<div style="z-index:1;color: green;float: left; width:30%;">Scarlet</div><br />
|
|
||||||
<div style="z-index:2;color: red;">Victoria</div>
|
|
||||||
</p>
|
|
||||||
<div>To force the PDF reader to open with the layers tab open, set:
|
|
||||||
<p class="code">$mpdf->open_layer_pane = true;</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h3>CSS visibility on <span></h3>
|
|
||||||
<p>CSS visibility:hidden is now supported on inline elements e.g. <span></p>
|
|
||||||
<div class="gradient text">
|
|
||||||
<p>This next bit of text is hidden - <span style="visibility:hidden; border:1px solid #880000;background-color:yellow">Hidden text</span> - and this isn\'t.</p>
|
|
||||||
<p class="code">style="visibility:hidden;"</p>
|
|
||||||
<p>This next bit of text is only visible in print - <span style="visibility:printonly; border:1px solid #008800;background-color:yellow">Hidden text</span> - and this isn\'t.</p>
|
|
||||||
<p class="code">style="visibility:printonly;"</p>
|
|
||||||
<p>This next bit of text is only visible on screen - <span style="visibility:screenonly; border:1px solid #000088;background-color:yellow">Hidden text</span> - and this isn\'t.</p>
|
|
||||||
<p class="code">style="visibility:screenonly;"</p>
|
|
||||||
<p>You can show or hide these elements as for layers (above).</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h3>CSS "rem" unit</h3>
|
|
||||||
<div class="gradient text">
|
|
||||||
|
|
||||||
<div style="font-size: 1rem; border: 1px solid #888888; padding: 5px 20px;">This line has the font-size set as 1rem
|
|
||||||
<div style="font-size: 0.5rem; border: 1px solid #888888; padding: 5px 20px;">This line has the font-size set as 0.5rem
|
|
||||||
<div style="font-size: 1.5rem; border: 1px solid #888888; padding: 5px 20px;">This line has the font-size set as 1.5rem
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div style="font-size: 1em; border: 1px solid #888888; padding: 5px 20px;">This line has the font-size set as 1em
|
|
||||||
<div style="font-size: 0.5em; border: 1px solid #888888; padding: 5px 20px;">This line has the font-size set as 0.5em
|
|
||||||
<div style="font-size: 1.5em; border: 1px solid #888888; padding: 5px 20px;">This line has the font-size set as 1.5em
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h3>CSS outline</h3>
|
|
||||||
<div class="gradient text">
|
|
||||||
<div class="outlined">This is text with an outline set by CSS</div>
|
|
||||||
<p class="code">
|
|
||||||
.outlined { text-outline: 0.1mm 0.1mm #FF0000; }
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h3>CSS background-clip, background-origin & background-size</h3>
|
|
||||||
<div class="gradient text">
|
|
||||||
<p>CSS background-clip, background-origin & background-size are now supported for most block level elements. (Not supported in tables, nor on page/body backgrounds).</p>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="divclip">background-clip: border-box[default value]<br />background-origin: padding-box[default value]</div>
|
|
||||||
<div class="divclip div1">background-clip: content-box;<br />background-origin: content-box</div>
|
|
||||||
<div class="divclip div2">background-clip: padding-box;<br />background-origin: padding-box</div>
|
|
||||||
<div class="divclip div3">background-clip: border-box;<br />background-origin: border-box</div>
|
|
||||||
<div class="divclip div4">background-clip: content-box;<br />background-origin: border-box</div>
|
|
||||||
<div class="divclip div5">background-clip: border-box;<br />background-origin: content-box</div>
|
|
||||||
|
|
||||||
<div class="divclip divpic">background-clip: border-box[default value]<br />background-origin: padding-box[default value]</div>
|
|
||||||
<div class="divclip div1 divpic">background-clip: content-box;<br />background-origin: content-box</div>
|
|
||||||
<div class="divclip div2 divpic">background-clip: padding-box;<br />background-origin: padding-box</div>
|
|
||||||
<div class="divclip div3 divpic">background-clip: border-box;<br />background-origin: border-box</div>
|
|
||||||
<div class="divclip div4 divpic">background-clip: content-box;<br />background-origin: border-box</div>
|
|
||||||
<div class="divclip div5 divpic">background-clip: border-box;<br />background-origin: content-box</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
';
|
|
||||||
|
|
||||||
$mpdf->h2toc = array('H3'=>0, 'H4'=>1);
|
|
||||||
$mpdf->h2bookmarks = array('H3'=>0, 'H4'=>1);
|
|
||||||
|
|
||||||
$mpdf->open_layer_pane = false;
|
|
||||||
$mpdf->layerDetails[1]['state']='hidden'; // Set initial state of layer - "hidden" or nothing
|
|
||||||
$mpdf->layerDetails[1]['name']='Correct Answers';
|
|
||||||
$mpdf->layerDetails[2]['state']='hidden'; // Set initial state of layer - "hidden" or nothing
|
|
||||||
$mpdf->layerDetails[2]['name']='Wrong Answers';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
if ($_REQUEST['html']) { echo $html; exit; }
|
|
||||||
if ($_REQUEST['source']) {
|
|
||||||
$file = __FILE__;
|
|
||||||
header("Content-Type: text/plain");
|
|
||||||
header("Content-Length: ". filesize($file));
|
|
||||||
header("Content-Disposition: attachment; filename='".$file."'");
|
|
||||||
readfile($file);
|
|
||||||
exit;
|
|
||||||
}
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html);
|
|
||||||
|
|
||||||
// OUTPUT
|
|
||||||
$mpdf->Output(); exit;
|
|
||||||
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
BIN
inc/3rdparty/libraries/mpdf/examples/firefox-48.png
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/firefox-48.png
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 5.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 39 KiB |
@ -1,94 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
echo '<'.'!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
|
||||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h2>Submitted data from PDF Form</h2>
|
|
||||||
<p style="font-size:0.9em;">(See formsubmit.php in the Examples folder for details)</p>
|
|
||||||
';
|
|
||||||
|
|
||||||
|
|
||||||
if (count($_POST)) {
|
|
||||||
// To display HTML output from PDF form
|
|
||||||
echo '<h4>HTML format data sent as POST</h4>';
|
|
||||||
foreach($_POST AS $name=>$val) {
|
|
||||||
$t = mb_convert_encoding(PDFDocEncodingToWin1252($val), 'UTF-8', 'Windows-1252' ); // If from core fonts doc
|
|
||||||
echo '<p>PDFDocEnc: '.$name.' => '.htmlspecialchars($t).'</p>';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else if (count($_GET)) {
|
|
||||||
// To display HTML output from PDF form
|
|
||||||
echo '<h4>HTML format data sent as GET</h4>';
|
|
||||||
foreach($_GET AS $name=>$val) {
|
|
||||||
$t = mb_convert_encoding(PDFDocEncodingToWin1252($val), 'UTF-8', 'Windows-1252' ); // If from core fonts doc
|
|
||||||
echo '<p>PDFDocEnc: '.$name.' => '.htmlspecialchars($t).'</p>';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
else {
|
|
||||||
$postdata = file_get_contents("php://input");
|
|
||||||
|
|
||||||
if ($postdata) {
|
|
||||||
echo '<h4>XFDF format data detected</h4>';
|
|
||||||
// To parse XFDF
|
|
||||||
if (preg_match_all('/<field name="([^>]*)"\s*>\s*(<value\s*>(.*?)<\/value\s*>)\s*<\/field\s*>/s', $postdata, $m)) {
|
|
||||||
for($i=0; $i<count($m[0]); $i++) {
|
|
||||||
// if multiple values in response e.g. from multiple selected options
|
|
||||||
preg_match_all('/<value\s*>(.*?)<\/value\s*>/s', $m[2][$i], $v);
|
|
||||||
if (count($v[0])>1) {
|
|
||||||
$values = array();
|
|
||||||
foreach($v[1] AS $val) { $values[] = $val; }
|
|
||||||
//foreach($v[1] AS $val) { $values[] = htmlspecialchars_decode($val); }
|
|
||||||
echo '<p>Field: '.$m[1][$i].' => [array of values] ('.implode(', ',$values).')</p>';
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
//echo '<p>Field: '.$m[1][$i].' => '.htmlspecialchars_decode($m[3][$i]).'</p>';
|
|
||||||
echo '<p>Field: '.$m[1][$i].' => '.$m[3][$i].'</p>';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (preg_match_all('/<field name="([^>]*)"\s*>\s*<value\s*\/\s*>\s*<\/field\s*>/s', $postdata, $m)) {
|
|
||||||
for($i=0; $i<count($m[0]); $i++) {
|
|
||||||
echo '<p>Field: '.$m[1][$i].' => [blank]</p>';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (preg_match_all('/<field name="([^>]*)"\s*\/\s*>/s', $postdata, $m)) {
|
|
||||||
for($i=0; $i<count($m[0]); $i++) {
|
|
||||||
echo '<p>Field: '.$m[1][$i].' => [no value]</p>';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// To display whole XFDF
|
|
||||||
//$postdata = preg_replace("/[\n\r]/", "", $postdata);
|
|
||||||
//$postdata = preg_replace('/>\s*</', ">\n<", $postdata);
|
|
||||||
//echo nl2br(htmlspecialchars($postdata));
|
|
||||||
}
|
|
||||||
else { echo "No form data detected"; }
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
echo '</body></html>';
|
|
||||||
|
|
||||||
exit;
|
|
||||||
|
|
||||||
function PDFDocEncodingToWin1252($txt) {
|
|
||||||
$Win1252ToPDFDocEncoding = array(
|
|
||||||
chr(0200) => chr(0240), chr(0214) => chr(0226), chr(0212) => chr(0227), chr(0237) => chr(0230),
|
|
||||||
chr(0225) => chr(0200), chr(0210) => chr(0032), chr(0206) => chr(0201), chr(0207) => chr(0202),
|
|
||||||
chr(0205) => chr(0203), chr(0227) => chr(0204), chr(0226) => chr(0205), chr(0203) => chr(0206),
|
|
||||||
chr(0213) => chr(0210), chr(0233) => chr(0211), chr(0211) => chr(0213), chr(0204) => chr(0214),
|
|
||||||
chr(0223) => chr(0215), chr(0224) => chr(0216), chr(0221) => chr(0217), chr(0222) => chr(0220),
|
|
||||||
chr(0202) => chr(0221), chr(0232) => chr(0235), chr(0230) => chr(0037), chr(0231) => chr(0222),
|
|
||||||
chr(0216) => chr(0231)
|
|
||||||
);
|
|
||||||
return strtr($txt, array_flip($Win1252ToPDFDocEncoding) );
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
BIN
inc/3rdparty/libraries/mpdf/examples/goto.gif
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/goto.gif
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 132 B |
BIN
inc/3rdparty/libraries/mpdf/examples/img1.png
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/img1.png
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 1000 B |
BIN
inc/3rdparty/libraries/mpdf/examples/img2.png
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/img2.png
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/img3.png
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/img3.png
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/img4.png
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/img4.png
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/img5.png
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/img5.png
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
40
inc/3rdparty/libraries/mpdf/examples/index.php
vendored
40
inc/3rdparty/libraries/mpdf/examples/index.php
vendored
@ -1,40 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
$ff = scandir('./');
|
|
||||||
|
|
||||||
sort($ff);
|
|
||||||
$files = array();
|
|
||||||
foreach($ff AS $f) {
|
|
||||||
if (preg_match('/example[0]{0,1}(\d+)_(.*?)\.php/',$f,$m)) {
|
|
||||||
$num = intval($m[1]);
|
|
||||||
$files[$num] = array(ucfirst(preg_replace('/_/',' ',$m[2])), $m[0]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
echo '<html><body><h3>mPDF Example Files</h3>';
|
|
||||||
|
|
||||||
foreach($files AS $n=>$f) {
|
|
||||||
echo '<p>'.$n.') '.$f[0].' <a href="'.$f[1].'">PDF</a> <small><a href="show_code.php?filename='.$f[1].'">PHP</a></small></p>';
|
|
||||||
}
|
|
||||||
|
|
||||||
echo '</body></html>';
|
|
||||||
exit;
|
|
||||||
|
|
||||||
|
|
||||||
// For PHP4 compatability
|
|
||||||
if (!function_exists('scandir')) {
|
|
||||||
function scandir($dir = './', $sort = 0) {
|
|
||||||
$dir_open = @ opendir($dir);
|
|
||||||
if (! $dir_open)
|
|
||||||
return false;
|
|
||||||
while (($dir_content = readdir($dir_open)) !== false)
|
|
||||||
$files[] = $dir_content;
|
|
||||||
if ($sort == 1)
|
|
||||||
rsort($files, SORT_STRING);
|
|
||||||
else
|
|
||||||
sort($files, SORT_STRING);
|
|
||||||
return $files;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
BIN
inc/3rdparty/libraries/mpdf/examples/klematis.jpg
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/klematis.jpg
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/loading.gif
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/loading.gif
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 771 B |
@ -1,89 +0,0 @@
|
|||||||
body { font-family: DejaVuSansCondensed, sans-serif; font-size: 11pt; }
|
|
||||||
p { text-align: justify; margin-bottom: 4pt; margin-top:0pt; }
|
|
||||||
|
|
||||||
hr { width: 70%; height: 1px;
|
|
||||||
text-align: center; color: #999999;
|
|
||||||
margin-top: 8pt; margin-bottom: 8pt; }
|
|
||||||
|
|
||||||
a { color: #000066; font-style: normal; text-decoration: underline;
|
|
||||||
font-weight: normal; }
|
|
||||||
|
|
||||||
ul { text-indent: 5mm; margin-bottom: 9pt; }
|
|
||||||
ol { text-indent: 5mm; margin-bottom: 9pt; }
|
|
||||||
|
|
||||||
pre { font-family: DejaVuSansMono, monospaced; font-size: 9pt; margin-top: 5pt; margin-bottom: 5pt; }
|
|
||||||
|
|
||||||
h1 { font-weight: normal; font-size: 26pt; color: #000066;
|
|
||||||
font-family: DejaVuSansCondensed, sans-serif; margin-top: 18pt; margin-bottom: 6pt;
|
|
||||||
border-top: 0.075cm solid #000000; border-bottom: 0.075cm solid #000000;
|
|
||||||
text-align: ; page-break-after:avoid; }
|
|
||||||
h2 { font-weight: bold; font-size: 12pt; color: #000066;
|
|
||||||
font-family: DejaVuSansCondensed, sans-serif; margin-top: 6pt; margin-bottom: 6pt;
|
|
||||||
border-top: 0.07cm solid #000000; border-bottom: 0.07cm solid #000000;
|
|
||||||
text-align: ; text-transform: uppercase; page-break-after:avoid; }
|
|
||||||
h3 { font-weight: normal; font-size: 26pt; color: #000000;
|
|
||||||
font-family: DejaVuSansCondensed, sans-serif; margin-top: 0pt; margin-bottom: 6pt;
|
|
||||||
border-top: 0; border-bottom: 0;
|
|
||||||
text-align: ; page-break-after:avoid; }
|
|
||||||
h4 { font-weight: ; font-size: 13pt; color: #9f2b1e;
|
|
||||||
font-family: DejaVuSansCondensed, sans-serif; margin-top: 10pt; margin-bottom: 7pt;
|
|
||||||
font-variant: small-caps;
|
|
||||||
text-align: ; margin-collapse:collapse; page-break-after:avoid; }
|
|
||||||
h5 { font-weight: bold; font-style:italic; ; font-size: 11pt; color: #000044;
|
|
||||||
font-family: DejaVuSansCondensed, sans-serif; margin-top: 8pt; margin-bottom: 4pt;
|
|
||||||
text-align: ; page-break-after:avoid; }
|
|
||||||
h6 { font-weight: bold; font-size: 9.5pt; color: #333333;
|
|
||||||
font-family: DejaVuSansCondensed, sans-serif; margin-top: 6pt; margin-bottom: ;
|
|
||||||
text-align: ; page-break-after:avoid; }
|
|
||||||
|
|
||||||
|
|
||||||
.breadcrumb {
|
|
||||||
text-align: right; font-size: 8pt; font-family: DejaVuSerifCondensed, serif; color: #666666;
|
|
||||||
font-weight: bold; font-style: normal; margin-bottom: 6pt; }
|
|
||||||
|
|
||||||
.infobox { margin-top:10pt; background-color:#DDDDBB; text-align:center; border:1px solid #880000; }
|
|
||||||
|
|
||||||
.big { font-size: 1.5em; }
|
|
||||||
.red { color: #880000; }
|
|
||||||
.slanted { font-style: italic; }
|
|
||||||
|
|
||||||
/* For Table of Contents */
|
|
||||||
div.mpdf_toc {
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-size: 11pt;
|
|
||||||
}
|
|
||||||
a.mpdf_toc_a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
div.mpdf_toc_level_0 { /* Whole line level 0 */
|
|
||||||
line-height: 1.5;
|
|
||||||
margin-left: 0;
|
|
||||||
padding-right: 2em; /* should match e.g <dottab outdent="2em" /> 0 is default */
|
|
||||||
}
|
|
||||||
span.mpdf_toc_t_level_0 { /* Title level 0 - may be inside <a> */
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
span.mpdf_toc_p_level_0 { /* Page no. level 0 - may be inside <a> */
|
|
||||||
}
|
|
||||||
div.mpdf_toc_level_1 { /* Whole line level 1 */
|
|
||||||
margin-left: 2em;
|
|
||||||
text-indent: -2em;
|
|
||||||
padding-right: 2em; /* should match <dottab outdent="2em" /> 2em is default */
|
|
||||||
}
|
|
||||||
span.mpdf_toc_t_level_1 { /* Title level 1 */
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
span.mpdf_toc_p_level_1 { /* Page no. level 1 - may be inside <a> */
|
|
||||||
}
|
|
||||||
div.mpdf_toc_level_2 { /* Whole line level 2 */
|
|
||||||
margin-left: 4em;
|
|
||||||
text-indent: -2em;
|
|
||||||
padding-right: 2em; /* should match <dottab outdent="2em" /> 2em is default */
|
|
||||||
}
|
|
||||||
span.mpdf_toc_t_level_2 { /* Title level 2 */
|
|
||||||
}
|
|
||||||
span.mpdf_toc_p_level_2 { /* Page no. level 2 - may be inside <a> */
|
|
||||||
}
|
|
||||||
|
|
||||||
@ -1,123 +0,0 @@
|
|||||||
@page {
|
|
||||||
size: 15cm 17cm; /* width height <length>{1,2} | auto | portrait | landscape NB 'em' and 'ex' % are not allowed */
|
|
||||||
margin: 10%; /* % of page-box width for LR, height for TB */
|
|
||||||
margin-header: 5mm;
|
|
||||||
margin-footer: 5mm;
|
|
||||||
margin-left: 4cm;
|
|
||||||
margin-right: 2cm;
|
|
||||||
odd-header-name: myHeader2Odd;
|
|
||||||
even-header-name: html_myHTMLHeaderEven;
|
|
||||||
odd-footer-name: html_myHTMLFooterOdd;
|
|
||||||
even-footer-name: myFooter2Even;
|
|
||||||
marks: crop; /* crop | cross | none */
|
|
||||||
}
|
|
||||||
|
|
||||||
@page :first {
|
|
||||||
margin-top: 5cm; /* Top margin on first page 10cm */
|
|
||||||
}
|
|
||||||
|
|
||||||
@page standard {
|
|
||||||
size: auto; /* auto is the default mPDF value */
|
|
||||||
margin: 10%; /* % of page-box width for LR, height for TB */
|
|
||||||
marks: none; /* crop | cross | none */
|
|
||||||
}
|
|
||||||
|
|
||||||
@page standard :first {
|
|
||||||
margin-top: 7cm; /* Top margin on first page 10cm */
|
|
||||||
}
|
|
||||||
|
|
||||||
@page bigsquare {
|
|
||||||
size: 15cm 20cm;
|
|
||||||
margin-left: 4cm;
|
|
||||||
marks: crop cross; /* crop | cross | none */
|
|
||||||
background: transparent url('bg.jpg') repeat scroll 5mm 5mm; /* position inset by bleedMargin */
|
|
||||||
}
|
|
||||||
|
|
||||||
@page bigsquare :right {
|
|
||||||
header: html_myHTMLHeaderOdd;
|
|
||||||
footer: html_myHTMLFooterOdd;
|
|
||||||
}
|
|
||||||
|
|
||||||
@page bigsquare :left { /* left is what mPDF calls EVEN page - right=ODD */
|
|
||||||
header: html_myHTMLHeaderEven;
|
|
||||||
footer: html_myHTMLFooterEven;
|
|
||||||
}
|
|
||||||
|
|
||||||
@page smallsquare {
|
|
||||||
size: 25cm 15cm;
|
|
||||||
margin-left: 4cm;
|
|
||||||
marks: crop; /* crop | cross | none */
|
|
||||||
background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
@page rotated {
|
|
||||||
size: landscape;
|
|
||||||
marks: none; /* crop | cross | none */
|
|
||||||
background-color: #fff0f2;
|
|
||||||
margin-left: 3cm;
|
|
||||||
margin-right: 3cm;
|
|
||||||
}
|
|
||||||
@page rotated :first {
|
|
||||||
margin-top: 7cm; /* Top margin on first page 10cm */
|
|
||||||
}
|
|
||||||
|
|
||||||
h1.heading1 { color: #1188FF;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1.heading2 { color: #88FF11;
|
|
||||||
page-break-before: always;
|
|
||||||
page: standard;
|
|
||||||
}
|
|
||||||
h1.heading3 { color: #FF1188;
|
|
||||||
page-break-before: right;
|
|
||||||
}
|
|
||||||
h1.heading4 { color: #FF8811;
|
|
||||||
page-break-before: left;
|
|
||||||
page: bigsquare;
|
|
||||||
}
|
|
||||||
h1.heading5 { color: #11FF88;
|
|
||||||
page: smallsquare;
|
|
||||||
}
|
|
||||||
h1.heading6 { color: #8811FF;
|
|
||||||
page: rotated;
|
|
||||||
}
|
|
||||||
|
|
||||||
br.paging { page-break-after: always; }
|
|
||||||
|
|
||||||
body { font-family: DejaVuSansCondensed; font-size: 11pt; }
|
|
||||||
p { text-align: justify; margin-bottom: 4pt; margin-top:0pt; }
|
|
||||||
|
|
||||||
hr { width: 70%; height: 1px;
|
|
||||||
text-align: center; color: #999999;
|
|
||||||
margin-top: 8pt; margin-bottom: 8pt; }
|
|
||||||
|
|
||||||
a { color: #000066; font-style: normal; text-decoration: underline;
|
|
||||||
font-weight: normal; }
|
|
||||||
|
|
||||||
ul { text-indent: 5mm; margin-bottom: 9pt; }
|
|
||||||
ol { text-indent: 5mm; margin-bottom: 9pt; }
|
|
||||||
|
|
||||||
pre { font-family: DejaVuSansMono; font-size: 9pt; margin-top: 5pt; margin-bottom: 5pt; }
|
|
||||||
|
|
||||||
h1 { font-weight: normal; font-size: 26pt; color: #000066;
|
|
||||||
font-family: DejaVuSansCondensed; margin-top: 18pt; margin-bottom: 6pt;
|
|
||||||
border-top: 0.075cm solid #000000; border-bottom: 0.075cm solid #000000;
|
|
||||||
text-align: ; page-break-after:avoid; }
|
|
||||||
h2 { font-weight: bold; font-size: 12pt; color: #000066;
|
|
||||||
font-family: DejaVuSansCondensed; margin-top: 6pt; margin-bottom: 6pt;
|
|
||||||
border-top: 0.07cm solid #000000; border-bottom: 0.07cm solid #000000;
|
|
||||||
text-align: ; text-transform: uppercase; page-break-after:avoid; }
|
|
||||||
h3 { font-weight: normal; font-size: 26pt; color: #000000;
|
|
||||||
font-family: DejaVuSansCondensed; margin-top: 0pt; margin-bottom: 6pt;
|
|
||||||
border-top: 0; border-bottom: 0;
|
|
||||||
text-align: ; page-break-after:avoid; }
|
|
||||||
h4 { font-weight: ; font-size: 13pt; color: #9f2b1e;
|
|
||||||
font-family: DejaVuSansCondensed; margin-top: 10pt; margin-bottom: 7pt;
|
|
||||||
text-align: ; margin-collapse:collapse; page-break-after:avoid; }
|
|
||||||
h5 { font-weight: bold; font-style:italic; ; font-size: 11pt; color: #000044;
|
|
||||||
font-family: DejaVuSansCondensed; margin-top: 8pt; margin-bottom: 4pt;
|
|
||||||
text-align: ; page-break-after:avoid; }
|
|
||||||
h6 { font-weight: bold; font-size: 9.5pt; color: #333333;
|
|
||||||
font-family: DejaVuSansCondensed; margin-top: 6pt; margin-bottom: ;
|
|
||||||
text-align: ; page-break-after:avoid; }
|
|
||||||
|
|
||||||
@ -1,124 +0,0 @@
|
|||||||
|
|
||||||
body { font-family: DejaVuSansCondensed; font-size: 11pt; }
|
|
||||||
p { text-align: justify; margin-bottom: 4pt; margin-top:0pt; }
|
|
||||||
|
|
||||||
table {font-family: DejaVuSansCondensed; font-size: 9pt; line-height: 1.2;
|
|
||||||
margin-top: 2pt; margin-bottom: 5pt;
|
|
||||||
border-collapse: collapse; }
|
|
||||||
|
|
||||||
thead { font-weight: bold; vertical-align: bottom; }
|
|
||||||
tfoot { font-weight: bold; vertical-align: top; }
|
|
||||||
thead td { font-weight: bold; }
|
|
||||||
tfoot td { font-weight: bold; }
|
|
||||||
|
|
||||||
thead td, thead th, tfoot td, tfoot th { font-variant: small-caps; }
|
|
||||||
|
|
||||||
.headerrow td, .headerrow th { background-gradient: linear #b7cebd #f5f8f5 0 1 0 0.2; }
|
|
||||||
.footerrow td, .footerrow th { background-gradient: linear #b7cebd #f5f8f5 0 1 0 0.2; }
|
|
||||||
|
|
||||||
th { font-weight: bold;
|
|
||||||
vertical-align: top;
|
|
||||||
text-align:left;
|
|
||||||
padding-left: 2mm;
|
|
||||||
padding-right: 2mm;
|
|
||||||
padding-top: 0.5mm;
|
|
||||||
padding-bottom: 0.5mm;
|
|
||||||
}
|
|
||||||
|
|
||||||
td { padding-left: 2mm;
|
|
||||||
vertical-align: top;
|
|
||||||
text-align:left;
|
|
||||||
padding-right: 2mm;
|
|
||||||
padding-top: 0.5mm;
|
|
||||||
padding-bottom: 0.5mm;
|
|
||||||
}
|
|
||||||
|
|
||||||
th p { text-align: left; margin:0pt; }
|
|
||||||
td p { text-align: left; margin:0pt; }
|
|
||||||
|
|
||||||
table.widecells td {
|
|
||||||
padding-left: 5mm;
|
|
||||||
padding-right: 5mm;
|
|
||||||
}
|
|
||||||
table.tallcells td {
|
|
||||||
padding-top: 3mm;
|
|
||||||
padding-bottom: 3mm;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr { width: 70%; height: 1px;
|
|
||||||
text-align: center; color: #999999;
|
|
||||||
margin-top: 8pt; margin-bottom: 8pt; }
|
|
||||||
|
|
||||||
a { color: #000066; font-style: normal; text-decoration: underline;
|
|
||||||
font-weight: normal; }
|
|
||||||
|
|
||||||
ul { text-indent: 5mm; margin-bottom: 9pt; }
|
|
||||||
ol { text-indent: 5mm; margin-bottom: 9pt; }
|
|
||||||
|
|
||||||
pre { font-family: DejaVuSansMono; font-size: 9pt; margin-top: 5pt; margin-bottom: 5pt; }
|
|
||||||
|
|
||||||
h1 { font-weight: normal; font-size: 26pt; color: #000066;
|
|
||||||
font-family: DejaVuSansCondensed; margin-top: 18pt; margin-bottom: 6pt;
|
|
||||||
border-top: 0.075cm solid #000000; border-bottom: 0.075cm solid #000000;
|
|
||||||
text-align: ; page-break-after:avoid; }
|
|
||||||
h2 { font-weight: bold; font-size: 12pt; color: #000066;
|
|
||||||
font-family: DejaVuSansCondensed; margin-top: 6pt; margin-bottom: 6pt;
|
|
||||||
border-top: 0.07cm solid #000000; border-bottom: 0.07cm solid #000000;
|
|
||||||
text-align: ; text-transform:uppercase; page-break-after:avoid; }
|
|
||||||
h3 { font-weight: normal; font-size: 26pt; color: #000000;
|
|
||||||
font-family: DejaVuSansCondensed; margin-top: 0pt; margin-bottom: 6pt;
|
|
||||||
border-top: 0; border-bottom: 0;
|
|
||||||
text-align: ; page-break-after:avoid; }
|
|
||||||
h4 { font-weight: ; font-size: 13pt; color: #9f2b1e;
|
|
||||||
font-family: DejaVuSansCondensed; margin-top: 10pt; margin-bottom: 7pt;
|
|
||||||
font-variant: small-caps;
|
|
||||||
text-align: ; margin-collapse:collapse; page-break-after:avoid; }
|
|
||||||
h5 { font-weight: bold; font-style:italic; ; font-size: 11pt; color: #000044;
|
|
||||||
font-family: DejaVuSansCondensed; margin-top: 8pt; margin-bottom: 4pt;
|
|
||||||
text-align: ; page-break-after:avoid; }
|
|
||||||
h6 { font-weight: bold; font-size: 9.5pt; color: #333333;
|
|
||||||
font-family: DejaVuSansCondensed; margin-top: 6pt; margin-bottom: ;
|
|
||||||
text-align: ; page-break-after:avoid; }
|
|
||||||
|
|
||||||
.breadcrumb {
|
|
||||||
text-align: right; font-size: 8pt; font-family: DejaVuSerifCondensed; color: #666666;
|
|
||||||
font-weight: bold; font-style: normal; margin-bottom: 6pt; }
|
|
||||||
|
|
||||||
.evenrow td, .evenrow th { background-color: #f5f8f5; }
|
|
||||||
.oddrow td, .oddrow th { background-color: #e3ece4; }
|
|
||||||
|
|
||||||
.bpmTopic { background-color: #e3ece4; }
|
|
||||||
.bpmTopicC { background-color: #e3ece4; }
|
|
||||||
.bpmNoLines { background-color: #e3ece4; }
|
|
||||||
.bpmNoLinesC { background-color: #e3ece4; }
|
|
||||||
.bpmClear { }
|
|
||||||
.bpmClearC { text-align: center; }
|
|
||||||
.bpmTopnTail { background-color: #e3ece4; topntail: 0.02cm solid #495b4a;}
|
|
||||||
.bpmTopnTailC { background-color: #e3ece4; topntail: 0.02cm solid #495b4a;}
|
|
||||||
.bpmTopnTailClear { topntail: 0.02cm solid #495b4a; }
|
|
||||||
.bpmTopnTailClearC { topntail: 0.02cm solid #495b4a; }
|
|
||||||
|
|
||||||
.bpmTopicC td, .bpmTopicC td p { text-align: center; }
|
|
||||||
.bpmNoLinesC td, .bpmNoLinesC td p { text-align: center; }
|
|
||||||
.bpmClearC td, .bpmClearC td p { text-align: center; }
|
|
||||||
.bpmTopnTailC td, .bpmTopnTailC td p { text-align: center; }
|
|
||||||
.bpmTopnTailClearC td, .bpmTopnTailClearC td p { text-align: center; }
|
|
||||||
|
|
||||||
.pmhMiddleCenter { text-align:center; vertical-align:middle; }
|
|
||||||
.pmhMiddleRight { text-align:right; vertical-align:middle; }
|
|
||||||
.pmhBottomCenter { text-align:center; vertical-align:bottom; }
|
|
||||||
.pmhBottomRight { text-align:right; vertical-align:bottom; }
|
|
||||||
.pmhTopCenter { text-align:center; vertical-align:top; }
|
|
||||||
.pmhTopRight { text-align:right; vertical-align:top; }
|
|
||||||
.pmhTopLeft { text-align:left; vertical-align:top; }
|
|
||||||
.pmhBottomLeft { text-align:left; vertical-align:bottom; }
|
|
||||||
.pmhMiddleLeft { text-align:left; vertical-align:middle; }
|
|
||||||
|
|
||||||
.infobox { margin-top:10pt; background-color:#DDDDBB; text-align:center; border:1px solid #880000; }
|
|
||||||
|
|
||||||
.bpmTopic td, .bpmTopic th { border-top: 1px solid #FFFFFF; }
|
|
||||||
.bpmTopicC td, .bpmTopicC th { border-top: 1px solid #FFFFFF; }
|
|
||||||
.bpmTopnTail td, .bpmTopnTail th { border-top: 1px solid #FFFFFF; }
|
|
||||||
.bpmTopnTailC td, .bpmTopnTailC th { border-top: 1px solid #FFFFFF; }
|
|
||||||
|
|
||||||
|
|
||||||
BIN
inc/3rdparty/libraries/mpdf/examples/quran282.jpg
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/quran282.jpg
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 172 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,48 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
if ($_REQUEST['filename']) { $filename = $_REQUEST['filename']; }
|
|
||||||
else { die("No file specified"); }
|
|
||||||
|
|
||||||
include("../mpdf.php");
|
|
||||||
|
|
||||||
$mpdf=new mPDF('utf-8-s');
|
|
||||||
$mpdf->debug=true;
|
|
||||||
$mpdf->tabSpaces = 6;
|
|
||||||
|
|
||||||
$mpdf->allow_charset_conversion=true;
|
|
||||||
$mpdf->charset_in='windows-1252';
|
|
||||||
|
|
||||||
//==============================================================
|
|
||||||
preg_match('/example[0]{0,1}(\d+)_(.*?)\.php/',$filename,$m);
|
|
||||||
$num = intval($m[1]);
|
|
||||||
$title = ucfirst(preg_replace('/_/',' ',$m[2]));
|
|
||||||
|
|
||||||
if (!$num || !$title) { die("Invalid file"); }
|
|
||||||
if (preg_match('/\//', $filename) || !preg_match('/\.php$/',$filename)) { die("Hacking attempt"); }
|
|
||||||
|
|
||||||
$html = '
|
|
||||||
<h1>mPDF</h1>
|
|
||||||
<h2>Example '.$num.'. '.$title.'</h2>
|
|
||||||
<div style="border:1px solid #555555; background-color: #DDDDDD; padding: 1em; font-size:8pt; font-family: lucidaconsole, mono;">
|
|
||||||
';
|
|
||||||
$lines = file($filename);
|
|
||||||
|
|
||||||
$html .= '<pre>';
|
|
||||||
foreach($lines AS $line) {
|
|
||||||
$html .= htmlspecialchars($line);
|
|
||||||
}
|
|
||||||
$html .= '</pre>';
|
|
||||||
$html .= '</div>';
|
|
||||||
|
|
||||||
$mpdf->WriteHTML($html,2); // The 2 is important to prevent <style etc. being parsed
|
|
||||||
|
|
||||||
$mpdf->Output();
|
|
||||||
exit;
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
//==============================================================
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
BIN
inc/3rdparty/libraries/mpdf/examples/sunset.jpg
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/sunset.jpg
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 31 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/sunsetv.jpg
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/sunsetv.jpg
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/test.pdf
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/test.pdf
vendored
Binary file not shown.
BIN
inc/3rdparty/libraries/mpdf/examples/tiger
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/tiger
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 83 KiB |
BIN
inc/3rdparty/libraries/mpdf/examples/tiger.bmp
vendored
BIN
inc/3rdparty/libraries/mpdf/examples/tiger.bmp
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 152 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user