add redraw button

6 years ago · b70188ae2f
2 changed files with 9 additions and 6 deletions
--- a/baumgen.html
+++ b/baumgen.html
@ -12,10 +12,13 @@
 <script type="text/javascript">
 document.addEventListener('DOMContentLoaded', function() {
-    console.log('ready');
+    draw();
-    var el = document.getElementById('download-svg');
+
-    console.log(el);
+    document.getElementById('redraw').addEventListener('click', function() {
-    el.addEventListener('click', function() {
+        draw();
    });
    document.getElementById('download-svg').addEventListener('click', function() {
        var svgdata = 'data:image/svg+xml;utf8,' + encodeURIComponent(paper.project.exportSVG({asString: true}));
        var a = document.createElement('a');
        a.download = 'baumgen.svg';
@ -28,6 +31,7 @@ document.addEventListener('DOMContentLoaded', function() {
 </head>
 <body>
    <button id="redraw">redraw</button>
    <button id="download-svg">download svg</button>
    <canvas id="canvas" resize></canvas>
 </body>
--- a/baumgen.js
+++ b/baumgen.js
@ -223,7 +223,7 @@ class Branch {
 }
-window.onload = function() {
+function draw() {
    var canvas = document.getElementById('canvas');
    paper.setup(canvas);
@ -234,5 +234,4 @@ window.onload = function() {
            var br = new Branch(gen_tree(new Point(50 + x*80, 150 + y*160)));
        }
    }
 }