Use correct transforms for Text objects.

src/libraries/vg/objects/text.js

@@ -135,7 +135,7 @@ GText.prototype.draw = function (ctx) {
     ctx.font = this._getFont();
     ctx.textAlign = this.textAlign;
     var m = this.transform.m;
-    ctx.transform(m[0], m[1], m[3], m[4], m[6], m[7]);
+    ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]);
     ctx.fillStyle = Color.toCSS(this.fill);
     ctx.fillText(this.text, this._x, this._y);
     ctx.restore();
@@ -174,6 +174,9 @@ GText.prototype.toSVG = function () {
     if (this.fill !== 'black') {
         svg += ' fill="' + Color.toCSS(this.fill) + '"';
     }
+    if (!this.transform.isIdentity()) {
+        svg += ' transform="matrix(' + this.transform.m.join(',') + ')"';
+    }
     svg += '>';
     svg += this.text;
     svg += '</text>';

test/textSpec.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var assert = require('assert');
+var mocha = require('mocha');
+var describe = mocha.describe;
+var it = mocha.it;
+
+var g = require('../src/g');
+
+describe('The text object', function () {
+
+    it('generates text', function () {
+        var t = new g.Text('Hello');
+        assert.equal(t.text, 'Hello');
+        assert.equal(t.fontFamily, 'sans-serif');
+        assert.equal(t.fontSize, 24);
+        assert.deepEqual(t.transform.m, [1, 0, 0, 1, 0, 0]);
+        assert.equal(t.toSVG(), '<text x="0" y="0" font-family="sans-serif" font-size="24" text-anchor="start">Hello</text>');
+    });
+
+    it('can transform text', function () {
+        var t = new g.Text('Hello');
+        t.transform = t.transform.translate(10, 20);
+        assert.deepEqual(t.transform.m, [1, 0, 0, 1, 10, 20]);
+        assert.equal(t.toSVG(), '<text x="0" y="0" font-family="sans-serif" font-size="24" text-anchor="start" transform="matrix(1,0,0,1,10,20)">Hello</text>');
+    });
+
+});