从框中获得skewX和skewY

Question

在下面的小提琴中，我试图从正方形中获取矩阵，现在我想帮助得到偏斜x位置和偏斜位置。

＆＃13;

＆＃13;

var PosSkew = $(".rect1").css("transform") ||
  $(".rect1").css("-webkit-transform") ||
  $(".rect1").css("-moz-transform") ||
  $(".rect1").css("-ms-transform") ||
  $(".rect1").css("-o-transform")
alert(PosSkew);

＆＃13;

img {
  position: absolute;
  top: 0;
}
.rect1 {
  margin: 25px;
  width: 50px;
  height: 50px;
  background-color: red;
  -moz-transform: skew(20deg, 10deg);
  -webkit-transform: skew(20deg, 10deg);
  -ms-transform: skew(20deg, 10deg);
  -o-transform: skew(20deg, 10deg) position: absolute;
  top: 50px;
  left: 50px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="http://cdn4.successories.com/480699-star-performance-acrylic-award.jpg" width="500">
<div class="rect1"></div>

＆＃13;

＆＃13;

＆＃13;

Fiddle