HTML document as Landscape PDF

Render an HTML document as a Landscape PDF

HTML

<script src="http://parall.ax/parallax/js/jspdf.js?1405596010"></script>

<button id="pdfexclude2" onclick=landscapeHTML(); >Landscape HTML Print</button>

<h1>Quisque rutrum</h1>
<div id="printTable">


<p>Etiam sit amet orci eget eros faucibus tincidunt. Maecenas malesuada. Vestibulum fringilla pede sit amet augue. Aenean viverra rhoncus pede.</p>
<p>Ut leo. Aenean imperdiet. Duis lobortis massa imperdiet quam. Sed in libero ut nibh placerat accumsan.</p>
<p>Vivamus quis mi. Phasellus blandit leo ut odio. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Aenean vulputate eleifend tellus.</p>
<p>Nullam vel sem. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Vestibulum suscipit nulla quis orci. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla.</p>
<p>Nulla consequat massa quis enim. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Praesent venenatis metus at tortor pulvinar varius. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
<!-- some absolutely-positioned elements -->
<div id="absoluteInfo">Any items below were absolutely positioned, but aren't being displayed properly.</div>
<div class="abs t l blue">tl</div>
<div class="abs t r red">tr</div>
<div class="abs b l yellow">bl</div>
<div class="abs b r green">br</div>
</div>

CSS

/* print-only css rules (not for screen) */
 @media print {
   
    @page {
        size: landscape;
    }
    /* A CSS3 rule */
}

JavaScript

landscapeHTML = function () {
    window.print();
};