123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- <!doctype html>
- <!--
- /**
- * jsPDF Test HTML PlugIn
- * Copyright (c) 2014 Steven Spungin (TwelveTone LLC) steven@twelvetone.tv
- *
- * Licensed under the MIT License.
- * http://opensource.org/licenses/mit-license
- */
- -->
- <html>
- <head>
- <meta http-equiv="content-type" content="text/html; charset=UTF-8">
- <title>Test HTML</title>
- <!-- Required Files -->
- <script type="text/javascript" src="../jspdf.js"></script>
- <!-- Plugin Dependencies -->
- <script type="text/javascript" src="../jspdf.plugin.standard_fonts_metrics.js"></script>
- <script type="text/javascript" src="../jspdf.plugin.split_text_to_size.js"></script>
- <script type="text/javascript" src="../jspdf.plugin.from_html.js"></script>
- <!-- Plugin To Test -->
- <script type="text/javascript" src="test_harness.js"></script>
- <!-- Test Dependencies -->
- <script>
- pdf_test_harness.onload = function(harness) {
- var pdf = new jsPDF('p', 'pt', 'letter');
- var ta = document.getElementById('textarea');
-
- pdf.fromHTML(ta.value, 0, 0);
-
- ta.onkeyup = function(){
- var pdf = new jsPDF('p', 'pt', 'letter');
- pdf.fromHTML(ta.value, 0, 0);
- harness.setPdf(pdf);
- }
-
- harness.header.style.left='300px';
- harness.body.style.left='300px';
-
- return pdf;
- }
-
-
- </script>
- </head>
- <body style='background-color: silver; margin: 0;'>
- <textarea id='textarea' style='position:fixed;left:0;width:290px;height:100%'>
-
- <html>
- <head>
- <style>
- .break{
- page-break-before:always;
- }
- body{
- font-size:2em;
- }
- </style>
- </head>
- <body>
- <div>page 1 <em>ok?</em></div>
- <div class='break'>page 2</div>
- <div class='break' style='margin-top:1in'>page 3</div>
- </body>
- </html>
-
- </textarea>
- </body>
- </html>
|