Guest User

Untitled

a guest
Nov 20th, 2018
103
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.29 KB | None | 0 0
  1. var matrixRegex = /matrix((-?d*.?d+),s*0,s*0,s*(-?d*.?d+),s*0,s*0)/,
  2. matches = $(element).css('-webkit-transform').match(matrixRegex);
  3.  
  4. var element = document.querySelector('...');
  5. var scaleX = element.getBoundingClientRect().width / element.offsetWidth;
  6.  
  7. node = $("#yourid")[0];
  8. var curTransform = new WebKitCSSMatrix(window.getComputedStyle(node).webkitTransform);
  9. alert(curTransform.a); // curTransform is an object,
  10. alert(curTransform.d); // a through f represent all values of the transformation matrix
  11.  
  12. function getTransformValue(element,property){
  13. var values = element[0].style.webkitTransform.split(")");
  14. for (var key in values){
  15. var val = values[key];
  16. var prop = val.split("(");
  17. if (prop[0].trim() == property)
  18. return prop[1];
  19. }
  20. return false;
  21. }
  22.  
  23. // returns matrix(1,0,0,1,0,0)
  24. var matrix = window.getComputedStyle(element).transform;
  25. var matrixArray = matrix.replace("matrix(", "").matrix.split(",");
  26. var scaleX = parseFloat(matrixArray[0]);
  27. var scaleY = parseFloat(matrixArray[3]);
  28. // bonus round - gets translate values
  29. var translateX = parseFloat(matrixArray[4]);
  30. var translateY = parseFloat(matrixArray[5]); // parseFloat ignores ")"
Add Comment
Please, Sign In to add comment