Skew transformations added

nfroidure · Nov 21, 2013 · 930b9c4 · 930b9c4
1 parent 7bc0390
commit 930b9c4
Show file tree

Hide file tree

Showing 3 changed files with 102 additions and 0 deletions.
diff --git a/dist/SVGPathData.js b/dist/SVGPathData.js
@@ -7185,6 +7185,24 @@ SVGPathData.prototype.rotate = function() {
   return this;
 };
 
+SVGPathData.prototype.matrix = function() {
+  this.commands = SVGPathData.transform(this.commands,
+    SVGPathData.Transformer.MATRIX, arguments);
+  return this;
+};
+
+SVGPathData.prototype.skewX = function() {
+  this.commands = SVGPathData.transform(this.commands,
+    SVGPathData.Transformer.SKEW_X, arguments);
+  return this;
+};
+
+SVGPathData.prototype.skewY = function() {
+  this.commands = SVGPathData.transform(this.commands,
+    SVGPathData.Transformer.SKEW_Y, arguments);
+  return this;
+};
+
 SVGPathData.prototype.ySymetry = function() {
   this.commands = SVGPathData.transform(this.commands,
     SVGPathData.Transformer.Y_AXIS_SIMETRY, arguments);
@@ -8055,6 +8073,39 @@ SVGPathDataTransformer.ROTATE = function(a, x, y) {
   };
 };
 
+// Matrix
+SVGPathDataTransformer.MATRIX = function(a, b, c, d, e, f) {
+  return function(command) {
+    if('undefined' !== command.x) {
+      command.x =  command.x * a + command.y * c + e;
+    }
+    if('undefined' !== command.y) {
+      command.y =  command.x * b + command.y * d + f;
+    }
+    if('undefined' !== command.x1) {
+      command.x1 = command.x1 * a + command.y1 * c + e;
+    }
+    if('undefined' !== command.y1) {
+      command.y1 = command.x1 * b + command.y1 * d + f;
+    }
+    if('undefined' !== command.x2) {
+      command.x2 = command.x2 * a + command.y2 * c + e;
+    }
+    if('undefined' !== command.y2) {
+      command.y2 = command.x2 * b + command.y2 * d + f;
+    }
+    return command;
+  };
+};
+
+// Skew
+SVGPathDataTransformer.SKEW_X = function(a) {
+  return SVGPathDataTransformer.MATRIX(1, 0, Math.atan(a), 1, 0, 0);
+}
+SVGPathDataTransformer.SKEW_Y = function(a) {
+  return SVGPathDataTransformer.MATRIX(1, Math.atan(a), 0, 1, 0, 0);
+}
+
 // Symetry througth the Y axis
 SVGPathDataTransformer.Y_AXIS_SIMETRY = function(yDecal) {
   var notFirst = false;

diff --git a/src/SVGPathData.js b/src/SVGPathData.js
@@ -36,6 +36,24 @@ SVGPathData.prototype.rotate = function() {
   return this;
 };
 
+SVGPathData.prototype.matrix = function() {
+  this.commands = SVGPathData.transform(this.commands,
+    SVGPathData.Transformer.MATRIX, arguments);
+  return this;
+};
+
+SVGPathData.prototype.skewX = function() {
+  this.commands = SVGPathData.transform(this.commands,
+    SVGPathData.Transformer.SKEW_X, arguments);
+  return this;
+};
+
+SVGPathData.prototype.skewY = function() {
+  this.commands = SVGPathData.transform(this.commands,
+    SVGPathData.Transformer.SKEW_Y, arguments);
+  return this;
+};
+
 SVGPathData.prototype.ySymetry = function() {
   this.commands = SVGPathData.transform(this.commands,
     SVGPathData.Transformer.Y_AXIS_SIMETRY, arguments);

diff --git a/src/SVGPathDataTransformer.js b/src/SVGPathDataTransformer.js
@@ -188,6 +188,39 @@ SVGPathDataTransformer.ROTATE = function(a, x, y) {
   };
 };
 
+// Matrix
+SVGPathDataTransformer.MATRIX = function(a, b, c, d, e, f) {
+  return function(command) {
+    if('undefined' !== command.x) {
+      command.x =  command.x * a + command.y * c + e;
+    }
+    if('undefined' !== command.y) {
+      command.y =  command.x * b + command.y * d + f;
+    }
+    if('undefined' !== command.x1) {
+      command.x1 = command.x1 * a + command.y1 * c + e;
+    }
+    if('undefined' !== command.y1) {
+      command.y1 = command.x1 * b + command.y1 * d + f;
+    }
+    if('undefined' !== command.x2) {
+      command.x2 = command.x2 * a + command.y2 * c + e;
+    }
+    if('undefined' !== command.y2) {
+      command.y2 = command.x2 * b + command.y2 * d + f;
+    }
+    return command;
+  };
+};
+
+// Skew
+SVGPathDataTransformer.SKEW_X = function(a) {
+  return SVGPathDataTransformer.MATRIX(1, 0, Math.atan(a), 1, 0, 0);
+}
+SVGPathDataTransformer.SKEW_Y = function(a) {
+  return SVGPathDataTransformer.MATRIX(1, Math.atan(a), 0, 1, 0, 0);
+}
+
 // Symetry througth the Y axis
 SVGPathDataTransformer.Y_AXIS_SIMETRY = function(yDecal) {
   var notFirst = false;