equal
deleted
inserted
replaced
6 <link rel="stylesheet" type="text/css" href="demo.css"/> |
6 <link rel="stylesheet" type="text/css" href="demo.css"/> |
7 </head> |
7 </head> |
8 <body> |
8 <body> |
9 <h1><a href="https://github.com/eligrey/FileSaver.js">FileSaver.js</a> demo</h1> |
9 <h1><a href="https://github.com/eligrey/FileSaver.js">FileSaver.js</a> demo</h1> |
10 <p> |
10 <p> |
11 The following examples demonstrate how it is possible to generate and save any type of data right in the browser using the W3C <code>saveAs()</code> <a href="http://www.w3.org/TR/file-writer-api/#the-filesaver-interface">FileSaver</a> interface, without contacting any servers. |
11 The following examples demonstrate how it is possible to generate and save any type of data right in the browser using the W3C <code>saveAs()</code> FileSaver interface, without contacting any servers. |
12 </p> |
12 </p> |
13 <section id="image-demo"> |
13 <section id="image-demo"> |
14 <h2>Saving an image</h2> |
14 <h2>Saving an image</h2> |
15 <canvas class="input" id="canvas" width="500" height="300"/> |
15 <canvas class="input" id="canvas" width="500" height="300"/> |
16 <form id="canvas-options"> |
16 <form id="canvas-options"> |
47 <form id="html-options"> |
47 <form id="html-options"> |
48 <label>Filename: <input type="text" class="filename" id="html-filename" placeholder="a rich document"/>.xhtml</label> |
48 <label>Filename: <input type="text" class="filename" id="html-filename" placeholder="a rich document"/>.xhtml</label> |
49 <input type="submit" value="Save"/> |
49 <input type="submit" value="Save"/> |
50 </form> |
50 </form> |
51 </section> |
51 </section> |
52 <script async="" src="https://cdn.rawgit.com/eligrey/Blob.js/master/Blob.js"/> |
52 <script async="" src="https://cdn.rawgit.com/eligrey/Blob.js/0cef2746414269b16834878a8abc52eb9d53e6bd/Blob.js"/> |
53 <script async="" src="https://cdn.rawgit.com/eligrey/canvas-toBlob.js/master/canvas-toBlob.js"/> |
53 <script async="" src="https://cdn.rawgit.com/eligrey/canvas-toBlob.js/8316fb3ee6d67f68f44089a82ab87bf580d2a5e3/canvas-toBlob.js"/> |
54 <script async="" src="https://cdn.rawgit.com/eligrey/FileSaver.js/master/FileSaver.js"/> |
54 <script async="" src="https://cdn.rawgit.com/eligrey/FileSaver.js/62d219a0fac54b94cd4f230e7bfc55aa3f8dcfa4/FileSaver.js"/> |
55 <script async="" src="https://cdn.rawgit.com/eligrey/FileSaver.js/master/demo/demo.js"/> |
55 <script async="" src="https://cdn.rawgit.com/eligrey/FileSaver.js/702cd2e820b680f88a0f299e33085c196806fc52/demo/demo.js"/> |
56 </body> |
56 </body> |
57 </html> |
57 </html> |