mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2024-11-14 15:13:29 +01:00
199 lines
8.1 KiB
HTML
199 lines
8.1 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>jsPDF - Create PDFs with HTML5 JavaScript Library</title>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<meta name="description" content="">
|
||
|
|
<meta name="author" content="">
|
||
|
|
|
||
|
|
<!-- Bootstrap -->
|
||
|
|
<link href="./examples/bootstrap/css/bootstrap.css" rel="stylesheet">
|
||
|
|
<link href="./examples/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
|
||
|
|
|
||
|
|
<!-- Editor CSS -->
|
||
|
|
<link href="./examples/css/editor.css" rel="stylesheet">
|
||
|
|
|
||
|
|
<!-- See closing body for JS -->
|
||
|
|
|
||
|
|
<script src="http://use.edgefonts.net/source-code-pro.js"></script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
|
||
|
|
<div class="masthead">
|
||
|
|
<div class="pull-right">
|
||
|
|
<div class="tweet-buttons">
|
||
|
|
<a href="https://twitter.com/share" class="twitter-share-button" data-via="MrRio" data-size="large">Tweet</a>
|
||
|
|
<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>
|
||
|
|
<a href="https://twitter.com/MrRio" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @MrRio</a>
|
||
|
|
<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>
|
||
|
|
</div>
|
||
|
|
<a class="btn btn-primary btn-large" href="http://jspdf.com/downloads/jsPDF-0.9.0rc2.zip">Download Now</a>
|
||
|
|
<p class="muted" style="text-align: right;">Version 0.9.0rc2</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<h1 class="muted">jsPDF</h1>
|
||
|
|
<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>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row-fluid">
|
||
|
|
<div class="span6" style="float: right">
|
||
|
|
<iframe class="preview-pane" width="100%" height="650" frameborder="0"></iframe>
|
||
|
|
</div>
|
||
|
|
<div class="span5 no-gutter">
|
||
|
|
|
||
|
|
<h2>Have a play.</h2>
|
||
|
|
|
||
|
|
<p>A HTML5 client-side solution for generating PDFs. Perfect for event tickets, reports, certificates, you name it! </p>
|
||
|
|
|
||
|
|
<p><b>No servers were used in the making of this demo.</b></p>
|
||
|
|
|
||
|
|
<div class="template-picker">
|
||
|
|
<label for="template">Choose example</label>
|
||
|
|
<select id="template" name="template">
|
||
|
|
<option>Hold your horses...</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="editor" class="bypass"></div>
|
||
|
|
|
||
|
|
<div class="controls">
|
||
|
|
<div class="pull-right">
|
||
|
|
<!--<a href="#" class="btn btn-primary">Download Your Code</a>-->
|
||
|
|
<a href="#" class="btn btn-primary download-pdf">Download PDF</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<label class="checkbox">
|
||
|
|
<input type="checkbox" id="auto-refresh" checked="checked"> Auto refresh on changes?
|
||
|
|
</label>
|
||
|
|
<a href="#" class="run-code hide btn btn-success">Run Code</a>
|
||
|
|
|
||
|
|
<div class="alert hide">
|
||
|
|
Auto refresh disabled for this
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="clerfix"></div>
|
||
|
|
<div class="span12 credits">
|
||
|
|
|
||
|
|
<h2>The Basics</h2>
|
||
|
|
|
||
|
|
<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>
|
||
|
|
|
||
|
|
<h2>Browser Compatibility</h2>
|
||
|
|
|
||
|
|
<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>
|
||
|
|
|
||
|
|
<p>* Current build does not have IE6-9 shim enabled</p>
|
||
|
|
|
||
|
|
<h2>Need Help?</h2>
|
||
|
|
|
||
|
|
<p>Send me a <a href="http://twitter.com/MrRio">tweet</a> and I'll see if I can help :)</p>
|
||
|
|
|
||
|
|
<h2>Credits</h2>
|
||
|
|
|
||
|
|
<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>
|
||
|
|
|
||
|
|
<p>Thanks to Ajaxian.com for <a href="http://ajaxian.com/archives/dynamically-generic-pdfs-with-javascript">featuring us back in 2009</a>.</p>
|
||
|
|
|
||
|
|
<p>Everyone else that's contributed patches or bug reports. You rock.</p>
|
||
|
|
|
||
|
|
<h2>License</h2>
|
||
|
|
|
||
|
|
<p>(MIT License)</p>
|
||
|
|
|
||
|
|
<p>Copyright (c) 2010-2012 James Hall, <a href="https://github.com/MrRio/jsPDF">https://github.com/MrRio/jsPDF</a></p>
|
||
|
|
|
||
|
|
<p>Permission is hereby granted, free of charge, to any person obtaining
|
||
|
|
a copy of this software and associated documentation files (the
|
||
|
|
"Software"), to deal in the Software without restriction, including
|
||
|
|
without limitation the rights to use, copy, modify, merge, publish,
|
||
|
|
distribute, sublicense, and/or sell copies of the Software, and to
|
||
|
|
permit persons to whom the Software is furnished to do so, subject to
|
||
|
|
the following conditions:</p>
|
||
|
|
|
||
|
|
<p>The above copyright notice and this permission notice shall be
|
||
|
|
included in all copies or substantial portions of the Software.</p>
|
||
|
|
|
||
|
|
<p>THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||
|
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||
|
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||
|
|
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
||
|
|
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
||
|
|
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
||
|
|
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.</p>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div> <!-- /container -->
|
||
|
|
|
||
|
|
<footer>© 2013 James Hall - <a href="http://snapshotmedia.co.uk/privacy-policy">Privacy Policy</a></footer>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Scripts down here -->
|
||
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
|
||
|
|
|
||
|
|
<!-- Code editor -->
|
||
|
|
|
||
|
|
<script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
|
||
|
|
|
||
|
|
<!-- Scripts in development mode -->
|
||
|
|
<script type="text/javascript" src="jspdf.js"></script>
|
||
|
|
<script type="text/javascript" src="./libs/FileSaver.js/FileSaver.js"></script>
|
||
|
|
<script type="text/javascript" src="./libs/Blob.js/Blob.js"></script>
|
||
|
|
<script type="text/javascript" src="./libs/Blob.js/BlobBuilder.js"></script>
|
||
|
|
|
||
|
|
<script type="text/javascript" src="./libs/Deflate/deflate.js"></script>
|
||
|
|
<script type="text/javascript" src="./libs/Deflate/adler32cs.js"></script>
|
||
|
|
|
||
|
|
<script type="text/javascript" src="./jspdf.plugin.addimage.js"></script>
|
||
|
|
<script type="text/javascript" src="./jspdf.plugin.from_html.js"></script>
|
||
|
|
<script type="text/javascript" src="./jspdf.plugin.ie_below_9_shim.js"></script>
|
||
|
|
<script type="text/javascript" src="./jspdf.plugin.sillysvgrenderer.js"></script>
|
||
|
|
<script type="text/javascript" src="./jspdf.plugin.split_text_to_size.js"></script>
|
||
|
|
<script type="text/javascript" src="./jspdf.plugin.standard_fonts_metrics.js"></script>
|
||
|
|
|
||
|
|
<!-- Editor -->
|
||
|
|
<script type="text/javascript" src="./examples/js/editor.js"></script>
|
||
|
|
|
||
|
|
<!-- Analytics -->
|
||
|
|
<script type="text/javascript">
|
||
|
|
|
||
|
|
var _gaq = _gaq || [];
|
||
|
|
_gaq.push(['_setAccount', 'UA-32767308-2']);
|
||
|
|
_gaq.push(['_trackPageview']);
|
||
|
|
|
||
|
|
(function() {
|
||
|
|
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||
|
|
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||
|
|
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||
|
|
})();
|
||
|
|
|
||
|
|
</script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
adroll_adv_id = "P3OVQHTGMBA37E2Z6M77AQ";
|
||
|
|
adroll_pix_id = "GHWLXTPCARHSXCCSWFFDR7";
|
||
|
|
(function () {
|
||
|
|
var oldonload = window.onload;
|
||
|
|
window.onload = function(){
|
||
|
|
__adroll_loaded=true;
|
||
|
|
var scr = document.createElement("script");
|
||
|
|
var host = (("https:" == document.location.protocol) ? "https://s.adroll.com" : "http://a.adroll.com");
|
||
|
|
scr.setAttribute('async', 'true');
|
||
|
|
scr.type = "text/javascript";
|
||
|
|
scr.src = host + "/j/roundtrip.js";
|
||
|
|
((document.getElementsByTagName('head') || [null])[0] ||
|
||
|
|
document.getElementsByTagName('script')[0].parentNode).appendChild(scr);
|
||
|
|
if(oldonload){oldonload()}};
|
||
|
|
}());
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|