Created
September 1, 2013 18:50
-
-
Save jcblw/6406436 to your computer and use it in GitHub Desktop.
loading in a file from filereader into paper js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Inkscape</title> | |
| <link rel="stylesheet" href="../css/style.css"> | |
| <script type="text/javascript" src="../../dist/paper.js"></script> | |
| </head> | |
| <body> | |
| <canvas id="canvas" width="400" height="400"></canvas> | |
| <input id="upload" type="file" /> | |
| <div id="mock"></div> | |
| <script type="text/paperscript" canvas="canvas"> | |
| window.canvas = project; | |
| var input = document.getElementById('upload'); | |
| var mock = document.getElementById('mock'); | |
| var filter = /^image\/(?:svg\+xml)$/i; | |
| input.addEventListener('change', function(){ | |
| var i = 0, | |
| len = this.files.length, | |
| img, file; | |
| for ( ; i < len; i++ ) { | |
| file = this.files[i]; | |
| if ( !( filter.test( file.type )) ){ | |
| alert('bad file type'); | |
| return null; | |
| } | |
| var reader = new FileReader(); | |
| reader.onloadend = function (e) { | |
| mock.innerHTML = e.target.result; | |
| var svg = mock.querySelector('svg'); | |
| var start = Date.now(); | |
| project.importSVG( svg ); | |
| mock.innerHTML = ""; | |
| console.log(Date.now() - start); | |
| console.log(project.exportJSON()); | |
| }; | |
| reader.readAsText(file); | |
| } | |
| }, true) | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment