JS获取元素的transform属性

这几天在改截图插件的截图框问题，需要获取到元素transform的scale值，找了一下方法，现在记录下来：

#divTransform {
	margin: 30px;
	width: 200px;
	height: 100px;
	background-color: yellow;
	/* Rotate div */
	transform: scale(0.283) rotate(9deg);
	-ms-transform: scale(0.283) rotate(9deg);
	/* Internet Explorer */
	-moz-transform: scale(0.283) rotate(9deg);
	/* Firefox */
	-webkit-transform: scale(0.283) rotate(9deg);
	/* Safari 和 Chrome */
	-o-transform: scale(0.283) rotate(9deg);
	/* Opera */
}
<div id="divTransform"></div>

function getTransform(el) {
  var st = window.getComputedStyle(el, null)
  var tr = st.getPropertyValue("-webkit-transform") ||
    st.getPropertyValue("-moz-transform") ||
    st.getPropertyValue("-ms-transform") ||
    st.getPropertyValue("-o-transform") ||
    st.getPropertyValue("transform") ||
    "FAIL"

  var values = tr.split('(')[1].split(')')[0].split(',')
  var a = values[0]
  var b = values[1]

  var scale = Math.sqrt(a * a + b * b)
  console.log('Scale: ' + scale)

  var angle = Math.round(Math.atan2(b, a) * (180 / Math.PI))
  console.log('Rotate: ' + angle + 'deg')
}

var el = document.getElementById("divTransform")
getTransform(el)