From cb510b9ef377328c19af75abe02c05e9bcc6ec6d Mon Sep 17 00:00:00 2001
From: Kienz <stefankienzle.de@gmail.com>
Date: Wed, 18 Sep 2013 19:17:50 +0200
Subject: [PATCH] Fixed `fabric.Group.toSVG`- object order was wrong

---
 src/shapes/group.class.js | 2 +-
 test/unit/group.js        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/shapes/group.class.js b/src/shapes/group.class.js
index 1055bfb9..b3d90780 100644
--- a/src/shapes/group.class.js
+++ b/src/shapes/group.class.js
@@ -389,7 +389,7 @@
      */
     toSVG: function() {
       var objectsMarkup = [ ];
-      for (var i = this._objects.length; i--; ) {
+      for (var i = 0, len = this._objects.length; i < len; i++) {
         objectsMarkup.push(this._objects[i].toSVG());
       }
 
diff --git a/test/unit/group.js b/test/unit/group.js
index c5cf4aed..ae722093 100644
--- a/test/unit/group.js
+++ b/test/unit/group.js
@@ -348,7 +348,7 @@
     var group = makeGroupWith2Objects();
     ok(typeof group.toSVG == 'function');
 
-    var expectedSVG = '<g transform="translate(80 117.5)"><rect x="-5" y="-20" rx="0" ry="0" width="10" height="40" style="stroke: none; stroke-width: 1; stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); opacity: 1;" transform="translate(-30 2.5)"/><rect x="-15" y="-5" rx="0" ry="0" width="30" height="10" style="stroke: none; stroke-width: 1; stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); opacity: 1;" transform="translate(20 -17.5)"/></g>';
+    var expectedSVG = '<g transform="translate(80 117.5)"><rect x="-15" y="-5" rx="0" ry="0" width="30" height="10" style="stroke: none; stroke-width: 1; stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); opacity: 1;" transform="translate(20 -17.5)"/><rect x="-5" y="-20" rx="0" ry="0" width="10" height="40" style="stroke: none; stroke-width: 1; stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); opacity: 1;" transform="translate(-30 2.5)"/></g>';
     equal(group.toSVG(), expectedSVG);
   });