Merge pull request #51 from robbykraft/develop

replace innerHTML with createTextNode for nodejs compatibility

examples/code/examples/bezier.js

@@ -1,10 +1,18 @@
 svg.size(800, 800);
 
+// create a layer behind everything
 var back = svg.g();
+
+// shapes on top
+var curve = svg.path();
 var l1 = svg.line().stroke("black");
 var l2 = svg.line().stroke("black");
-var curve = svg.path();
 
+// these are persistent control points
+// 1.create an svg element to track with each point
+// 2.assign a position
+// 3.append to a parent
+// 4.onChange event handler with "this" bound to the controls
 svg.controls(4)
   .svg(function () { return SVG.circle(0, 0, svg.getWidth() * 0.05).fill("#e53"); })
   .position(function () { return [random(svg.getWidth()), random(svg.getHeight())]; })

src/nodes/spec/text.js

@@ -2,6 +2,7 @@
  * SVG (c) Robby Kraft
  */
 
+import window from "../../environment/window"
 import flatten from "../../arguments/flatten";
 import coordinates from "../../arguments/coordinates";
 import K from "../../environment/keys";
@@ -13,7 +14,11 @@ export default {
     init: (element, a, b, c, d) => {
       const text = [a,b,c,d].filter(a => typeof a === K.string).shift();
       if (text) {
-        element.innerHTML = text;
+        if (element.firstChild) {
+          element.firstChild.nodeValue = text;
+        } else {
+          element.appendChild(window.document.createTextNode(text));
+        }
       }
     }
   }

svg.js

@@ -700,7 +700,11 @@
           return _typeof(a) === Keys.string;
         }).shift();
         if (text) {
-          element.innerHTML = text;
+          if (element.firstChild) {
+            element.firstChild.nodeValue = text;
+          } else {
+            element.appendChild(win.document.createTextNode(text));
+          }
         }
       }
     }