updating changelog and making scale chainable

CHANGELOG.md

@@ -1,3 +1,8 @@
+## 0.2.11
+
+- Adding `scale()` to all shapes
+- Adding `scale()` to groups
+
 ## 0.2.10
 
 - Removing colorString library to shrink size of library.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rune.js",
-  "version" : "0.2.10",
+  "version" : "0.2.11",
   "description": "A JavaScript library for programming graphic design systems with SVG",
   "repository": {
     "type": "git",

src/group.js

@@ -1,5 +1,6 @@
 import without from "lodash/array/without"
 import assign from "lodash/object/assign"
+import each from "lodash/collection/each"
 import { Moveable } from "./mixins"
 import Utils from './utils'
 import Vector from './vector'
@@ -35,6 +36,15 @@ class Group {
     return copy;
   }
 
+  scale(scalar) {
+    each(this.children, function(child) {
+      child.vars.x *= scalar;
+      child.vars.y *= scalar;
+      child.scale(scalar);
+    });
+    return this;
+  }
+
 }
 
 // Should we figure out a better way to do mixins for ES6?

src/shapes/circle.js

@@ -24,6 +24,7 @@ class Circle {
 
   scale(scalar) {
     this.vars.radius *= scalar;
+    return this;
   }
 
   copy(parent) {

src/shapes/ellipse.js

@@ -44,6 +44,7 @@ class Ellipse {
   scale(scalar) {
     this.vars.width *= scalar;
     this.vars.height *= scalar;
+    return this;
   }
 
   copy(parent) {

src/shapes/line.js

@@ -29,6 +29,7 @@ class Line {
     var vec = end.sub(start).multiply(scalar).add(start);
     this.vars.x2 = vec.x;
     this.vars.y2 = vec.y;
+    return this;
   }
 
 }

src/shapes/path.js

@@ -175,6 +175,7 @@ class Path {
     this.vars.anchors = map(this.vars.anchors, function(anchor) {
       return anchor.multiply(scalar);
     });
+    return this;
   }
 
   fillRule(val) { this.vars.fillRule = val; return this; }

src/shapes/polygon.js

@@ -182,6 +182,7 @@ class Polygon {
     this.vars.vectors = map(this.vars.vectors, function(vec) {
       return vec.multiply(scalar);
     });
+    return this;
   }
 }
 

src/shapes/rectangle.js

@@ -40,6 +40,7 @@ class Rectangle {
   scale(scalar) {
     this.vars.width *= scalar;
     this.vars.height *= scalar;
+    return this;
   }
 }
 

src/shapes/text.js

@@ -42,6 +42,7 @@ class Text {
 
   scale(scalar) {
     this.vars.fontSize *= scalar;
+    return this;
   }
 
 }

src/shapes/triangle.js

@@ -35,6 +35,7 @@ class Triangle {
     this.vars.y2 *= scalar;
     this.vars.x3 *= scalar;
     this.vars.y3 *= scalar;
+    return this;
   }
 
 }

test/shared/group.js

@@ -105,4 +105,24 @@ describe("Rune.Group", function() {
 
   });
 
+  describe("scale()", function() {
+
+    it("scales children groups and shapes", function() {
+      var g = new Rune.Group(10, 15);
+      var childGroup = new Rune.Group(20, 25);
+      var childShape = new Rune.Circle(30, 35, 40);
+      g.add(childGroup);
+      g.add(childShape);
+      g.scale(2);
+      expect(g.vars.x).toEqual(10);
+      expect(g.vars.y).toEqual(15);
+      expect(childGroup.vars.x).toEqual(40);
+      expect(childGroup.vars.y).toEqual(50);
+      expect(childShape.vars.x).toEqual(60);
+      expect(childShape.vars.y).toEqual(70);
+      expect(childShape.vars.radius).toEqual(80);
+    });
+
+  });
+
 });