commit d31e971580648264e7de1ee16e9f53afbfbe936a
author hernan <hernantorrisi@gmail.com> Tue Sep 26 23:43:14 2017 -0300
committer hernan <hernantorrisi@gmail.com> Tue Sep 26 23:43:14 2017 -0300
tree d4e26633fc37169730f78fdd1be1fb8ed26eb6b9
parent daeb59f079731128bab5620f108a0b3942d523bf

tracking offset aligned text fix

player/index.html

diff --git a/player/index.html b/player/index.html
index 70cf6de..c360461 100644
--- a/player/index.html
+++ b/player/index.html
@@ -124,7 +124,7 @@
         container: elem,
         renderer: 'svg',
         loop: true,
-        autoplay: false,
+        autoplay: true,
         rendererSettings: {
             progressiveLoad:false
         },

player/js/elements/svgElements/SVGTextElement.js

diff --git a/player/js/elements/svgElements/SVGTextElement.js b/player/js/elements/svgElements/SVGTextElement.js
index e0458f1..549bed0 100644
--- a/player/js/elements/svgElements/SVGTextElement.js
+++ b/player/js/elements/svgElements/SVGTextElement.js
@@ -60,6 +60,7 @@
     var shapes, shapeStr = '', singleShape = this.data.singleShape;
     if (singleShape) {
         var xPos = 0, yPos = 0, lineWidths = documentData.lineWidths, boxWidth = documentData.boxWidth, firstLine = true;
+        var trackingOffset = documentData.tr/1000*documentData.s;
     }
     var cnt = 0;
     for (i = 0;i < len ;i += 1) {
@@ -76,7 +77,7 @@
         tSpan.setAttribute('stroke-miterlimit','4');
         //tSpan.setAttribute('visibility', 'hidden');
         if(singleShape && letters[i].n) {
-            xPos = 0;
+            xPos = -trackingOffset;
             yPos += documentData.yOffset;
             yPos += firstLine ? 1 : 0;
             firstLine = false;
@@ -95,7 +96,7 @@
                     matrixHelper.translate(documentData.justifyOffset + (boxWidth - lineWidths[letters[i].line]),0,0);
                     break;
                 case 2:
-                    matrixHelper.translate(documentData.justifyOffset + (boxWidth - lineWidths[letters[i].line])/2,0,0);
+                    matrixHelper.translate(documentData.justifyOffset + (boxWidth - lineWidths[letters[i].line] )/2,0,0);
                     break;
             }
             matrixHelper.translate(xPos, yPos, 0);
@@ -132,12 +133,11 @@
         }
         if(singleShape) {
             xPos += letters[i].l || 0;
-            xPos += documentData.tr/1000*documentData.s;
+            xPos += trackingOffset;
         }
         //
         this.textSpans[cnt] = tSpan;
         cnt += 1;
-        console.log(matrixHelper.props)
     }
     if(!singleShape){
         while(cnt < this.textSpans.length){

player/js/utils/DataManager.js

diff --git a/player/js/utils/DataManager.js b/player/js/utils/DataManager.js
index 5e5e640..2bfb92c 100644
--- a/player/js/utils/DataManager.js
+++ b/player/js/utils/DataManager.js
@@ -568,7 +568,6 @@
                 len = documentData.t.length;
             }
             var trackingOffset = documentData.tr/1000*documentData.s;
-            trackingOffset = 0;
             lineWidth = - trackingOffset;
             cLength = 0;
             for (i = 0;i < len ;i += 1) {
@@ -578,7 +577,7 @@
                 }else if(documentData.t.charCodeAt(i) === 13){
                     lineWidths.push(lineWidth);
                     maxLineWidth = lineWidth > maxLineWidth ? lineWidth : maxLineWidth;
-                    lineWidth = 0;
+                    lineWidth = - 2 * trackingOffset;
                     val = '';
                     newLineFlag = true;
                     currentLine += 1;
@@ -654,9 +653,6 @@
             }
             documentData.lineWidths = lineWidths;
 
-            //ToDo REMOVE!!
-            //data.t.a = [];
-            //
             var animators = data.t.a;
             jLen = animators.length;
             var based, ind, indexes = [];