| 9 |
lars |
1 |
<!DOCTYPE html>
|
|
|
2 |
<html lang="en">
|
|
|
3 |
<head>
|
|
|
4 |
<meta charset="utf-8">
|
|
|
5 |
<title>jsPDF - Create PDFs with HTML5 JavaScript Library</title>
|
|
|
6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
7 |
<meta name="description" content="">
|
|
|
8 |
<meta name="author" content="">
|
|
|
9 |
|
|
|
10 |
<!-- Bootstrap -->
|
|
|
11 |
<link href="./examples/bootstrap/css/bootstrap.css" rel="stylesheet">
|
|
|
12 |
<link href="./examples/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
|
|
|
13 |
|
|
|
14 |
<!-- Editor CSS -->
|
|
|
15 |
<link href="./examples/css/editor.css" rel="stylesheet">
|
|
|
16 |
|
|
|
17 |
<!-- See closing body for JS -->
|
|
|
18 |
|
|
|
19 |
<script src="http://use.edgefonts.net/source-code-pro.js"></script>
|
|
|
20 |
</head>
|
|
|
21 |
|
|
|
22 |
<body>
|
|
|
23 |
<div class="container">
|
|
|
24 |
|
|
|
25 |
<div class="masthead">
|
|
|
26 |
<div class="pull-right">
|
|
|
27 |
<div class="tweet-buttons">
|
|
|
28 |
<a href="https://twitter.com/share" class="twitter-share-button" data-via="MrRio" data-size="large">Tweet</a>
|
|
|
29 |
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
|
|
|
30 |
<a href="https://twitter.com/MrRio" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @MrRio</a>
|
|
|
31 |
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
|
|
|
32 |
</div>
|
|
|
33 |
<a class="btn btn-primary btn-large" href="http://jspdf.com/downloads/jsPDF-0.9.0rc2.zip">Download Now</a>
|
|
|
34 |
<p class="muted" style="text-align: right;">Version 0.9.0rc2</p>
|
|
|
35 |
|
|
|
36 |
</div>
|
|
|
37 |
<h1 class="muted">jsPDF</h1>
|
|
|
38 |
<h4>HTML5 JavaScript PDF generation library from <a href="http://twitter.com/MrRio">@MrRio</a> at <a href="http://snapshotmedia.co.uk">Snapshot Media</a></h4>
|
|
|
39 |
</div>
|
|
|
40 |
|
|
|
41 |
<div class="row-fluid">
|
|
|
42 |
<div class="span6" style="float: right">
|
|
|
43 |
<iframe class="preview-pane" width="100%" height="650" frameborder="0"></iframe>
|
|
|
44 |
</div>
|
|
|
45 |
<div class="span5 no-gutter">
|
|
|
46 |
|
|
|
47 |
<h2>Have a play.</h2>
|
|
|
48 |
|
|
|
49 |
<p>A HTML5 client-side solution for generating PDFs. Perfect for event tickets, reports, certificates, you name it! </p>
|
|
|
50 |
|
|
|
51 |
<p><b>No servers were used in the making of this demo.</b></p>
|
|
|
52 |
|
|
|
53 |
<div class="template-picker">
|
|
|
54 |
<label for="template">Choose example</label>
|
|
|
55 |
<select id="template" name="template">
|
|
|
56 |
<option>Hold your horses...</option>
|
|
|
57 |
</select>
|
|
|
58 |
</div>
|
|
|
59 |
</div>
|
|
|
60 |
|
|
|
61 |
<div id="editor" class="bypass"></div>
|
|
|
62 |
|
|
|
63 |
<div class="controls">
|
|
|
64 |
<div class="pull-right">
|
|
|
65 |
<!--<a href="#" class="btn btn-primary">Download Your Code</a>-->
|
|
|
66 |
<a href="#" class="btn btn-primary download-pdf">Download PDF</a>
|
|
|
67 |
</div>
|
|
|
68 |
|
|
|
69 |
<label class="checkbox">
|
|
|
70 |
<input type="checkbox" id="auto-refresh" checked="checked"> Auto refresh on changes?
|
|
|
71 |
</label>
|
|
|
72 |
<a href="#" class="run-code hide btn btn-success">Run Code</a>
|
|
|
73 |
|
|
|
74 |
<div class="alert hide">
|
|
|
75 |
Auto refresh disabled for this
|
|
|
76 |
</div>
|
|
|
77 |
|
|
|
78 |
</div>
|
|
|
79 |
|
|
|
80 |
</div>
|
|
|
81 |
<div class="clerfix"></div>
|
|
|
82 |
<div class="span12 credits">
|
|
|
83 |
|
|
|
84 |
<h2>The Basics</h2>
|
|
|
85 |
|
|
|
86 |
<p>Simply include the jsPDF library in your <span class="source"><head></span>, generate your PDF using the <i>many</i> built-in functions, then hook up a button to trigger the download. All the examples here use jQuery.</p>
|
|
|
87 |
|
|
|
88 |
<h2>Browser Compatibility</h2>
|
|
|
89 |
|
|
|
90 |
<p>jsPDF will work in IE6+*, Firefox 3+, Chrome, Safari 3+, Opera. For IE9 and below, we lazily load a Flash shim called Downloadify which enables the files to be downloaded.</p>
|
|
|
91 |
|
|
|
92 |
<p>* Current build does not have IE6-9 shim enabled</p>
|
|
|
93 |
|
|
|
94 |
<h2>Need Help?</h2>
|
|
|
95 |
|
|
|
96 |
<p>Send me a <a href="http://twitter.com/MrRio">tweet</a> and I'll see if I can help :)</p>
|
|
|
97 |
|
|
|
98 |
<h2>Credits</h2>
|
|
|
99 |
|
|
|
100 |
<p>Big thanks to Daniel Dotsenko from <a href="http://willow-systems.com">Willow Systems Corporation</a> for making huge contributions to the codebase. </p>
|
|
|
101 |
|
|
|
102 |
<p>Thanks to Ajaxian.com for <a href="http://ajaxian.com/archives/dynamically-generic-pdfs-with-javascript">featuring us back in 2009</a>.</p>
|
|
|
103 |
|
|
|
104 |
<p>Everyone else that's contributed patches or bug reports. You rock.</p>
|
|
|
105 |
|
|
|
106 |
<h2>License</h2>
|
|
|
107 |
|
|
|
108 |
<p>(MIT License)</p>
|
|
|
109 |
|
|
|
110 |
<p>Copyright (c) 2010-2012 James Hall, <a href="https://github.com/MrRio/jsPDF">https://github.com/MrRio/jsPDF</a></p>
|
|
|
111 |
|
|
|
112 |
<p>Permission is hereby granted, free of charge, to any person obtaining
|
|
|
113 |
a copy of this software and associated documentation files (the
|
|
|
114 |
"Software"), to deal in the Software without restriction, including
|
|
|
115 |
without limitation the rights to use, copy, modify, merge, publish,
|
|
|
116 |
distribute, sublicense, and/or sell copies of the Software, and to
|
|
|
117 |
permit persons to whom the Software is furnished to do so, subject to
|
|
|
118 |
the following conditions:</p>
|
|
|
119 |
|
|
|
120 |
<p>The above copyright notice and this permission notice shall be
|
|
|
121 |
included in all copies or substantial portions of the Software.</p>
|
|
|
122 |
|
|
|
123 |
<p>THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
|
|
124 |
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
|
|
125 |
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
|
|
126 |
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
|
|
127 |
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
|
|
128 |
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
|
|
129 |
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.</p>
|
|
|
130 |
|
|
|
131 |
|
|
|
132 |
</div>
|
|
|
133 |
|
|
|
134 |
</div> <!-- /container -->
|
|
|
135 |
|
|
|
136 |
<footer>© 2013 James Hall - <a href="http://snapshotmedia.co.uk/privacy-policy">Privacy Policy</a></footer>
|
|
|
137 |
|
|
|
138 |
|
|
|
139 |
<!-- Scripts down here -->
|
|
|
140 |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
|
|
|
141 |
|
|
|
142 |
<!-- Code editor -->
|
|
|
143 |
|
|
|
144 |
<script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
|
|
|
145 |
|
|
|
146 |
<!-- Scripts in development mode -->
|
|
|
147 |
<script type="text/javascript" src="jspdf.js"></script>
|
|
|
148 |
<script type="text/javascript" src="./libs/FileSaver.js/FileSaver.js"></script>
|
|
|
149 |
<script type="text/javascript" src="./libs/Blob.js/Blob.js"></script>
|
|
|
150 |
<script type="text/javascript" src="./libs/Blob.js/BlobBuilder.js"></script>
|
|
|
151 |
|
|
|
152 |
<script type="text/javascript" src="./libs/Deflate/deflate.js"></script>
|
|
|
153 |
<script type="text/javascript" src="./libs/Deflate/adler32cs.js"></script>
|
|
|
154 |
|
|
|
155 |
<script type="text/javascript" src="./jspdf.plugin.addimage.js"></script>
|
|
|
156 |
<script type="text/javascript" src="./jspdf.plugin.from_html.js"></script>
|
|
|
157 |
<script type="text/javascript" src="./jspdf.plugin.ie_below_9_shim.js"></script>
|
|
|
158 |
<script type="text/javascript" src="./jspdf.plugin.sillysvgrenderer.js"></script>
|
|
|
159 |
<script type="text/javascript" src="./jspdf.plugin.split_text_to_size.js"></script>
|
|
|
160 |
<script type="text/javascript" src="./jspdf.plugin.standard_fonts_metrics.js"></script>
|
|
|
161 |
|
|
|
162 |
<!-- Editor -->
|
|
|
163 |
<script type="text/javascript" src="./examples/js/editor.js"></script>
|
|
|
164 |
|
|
|
165 |
<!-- Analytics -->
|
|
|
166 |
<script type="text/javascript">
|
|
|
167 |
|
|
|
168 |
var _gaq = _gaq || [];
|
|
|
169 |
_gaq.push(['_setAccount', 'UA-32767308-2']);
|
|
|
170 |
_gaq.push(['_trackPageview']);
|
|
|
171 |
|
|
|
172 |
(function() {
|
|
|
173 |
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
|
|
174 |
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
|
|
175 |
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
|
|
176 |
})();
|
|
|
177 |
|
|
|
178 |
</script>
|
|
|
179 |
<script type="text/javascript">
|
|
|
180 |
adroll_adv_id = "P3OVQHTGMBA37E2Z6M77AQ";
|
|
|
181 |
adroll_pix_id = "GHWLXTPCARHSXCCSWFFDR7";
|
|
|
182 |
(function () {
|
|
|
183 |
var oldonload = window.onload;
|
|
|
184 |
window.onload = function(){
|
|
|
185 |
__adroll_loaded=true;
|
|
|
186 |
var scr = document.createElement("script");
|
|
|
187 |
var host = (("https:" == document.location.protocol) ? "https://s.adroll.com" : "http://a.adroll.com");
|
|
|
188 |
scr.setAttribute('async', 'true');
|
|
|
189 |
scr.type = "text/javascript";
|
|
|
190 |
scr.src = host + "/j/roundtrip.js";
|
|
|
191 |
((document.getElementsByTagName('head') || [null])[0] ||
|
|
|
192 |
document.getElementsByTagName('script')[0].parentNode).appendChild(scr);
|
|
|
193 |
if(oldonload){oldonload()}};
|
|
|
194 |
}());
|
|
|
195 |
</script>
|
|
|
196 |
|
|
|
197 |
</body>
|
|
|
198 |
</html>
|