remove dirty matrix validation - take care of matrix3d form instead

Author: archmoj

src/lib/dom.js

@@ -126,8 +126,13 @@ function getElementTransformMatrix(element) {
     );
 
     if(transform === 'none') return null;
-    // the slice is because the transform string returns eg "matrix(0.5, 0, 1, 0, 1, 1)"
-    return transform.slice(7, -1).split(',').map(function(n) {return +n;});
+    // the transform is a string in the form of matrix(a, b, ...) or matrix3d(...)
+    return transform
+        .replace('matrix', '')
+        .replace('3d', '')
+        .slice(1, -1)
+        .split(',')
+        .map(function(n) { return +n; });
 }
 /**
  * retrieve all DOM elements that are ancestors of the specified one (including itself)

src/lib/matrix.js

@@ -118,15 +118,7 @@ exports.apply2DTransform2 = function(transform) {
 exports.convertCssMatrix = function(m) {
     if(m) {
         var len = m.length;
-        if(len === 16) {
-            // validate values
-            return [
-                m[0] || 1, m[1] || 0, m[2] || 0, m[3] || 0,
-                m[4] || 0, m[5] || 1, m[6] || 0, m[7] || 0,
-                m[8] || 0, m[9] || 0, m[10] || 1, m[11] || 0,
-                m[12] || 0, m[13] || 0, m[14] || 0, m[15] || 1
-            ];
-        }
+        if(len === 16) return m;
         if(len === 6) {
             // converts a 2x3 css transform matrix to a 4x4 matrix see https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix
             return [