html - 如何在调整可调整大小的 div 时获取 ScaleX 和 ScaleY 值..？

Question

我已将宽度设置为 100px，将高度设置为 100px。我需要在调整可调整大小的 div 大小时获取 ScaleX 和 ScaleY 值..？我已经使用 Jquery-ui 来调整大小。请先检查 chrome。请帮我。提前致谢。

$("#resize_div").resizable({
            resize: function(){
                node = $("#resize_div")[0];
                var curTransform = new WebKitCSSMatrix(window.getComputedStyle(node).webkitTransform);       
                $("#scalex").text("Scale X: " + curTransform.a);
                $("#scaley").text("Scale Y: " + curTransform.d);
           }
});

我的代码在 Jsfiddle .!

Answer 1

你能试试这个吗？

$("#resize_div").resizable({
            resize: function(){
              var width = $(this).width();
            var height = $(this).height();
            var scalax = width/height;
            var scalay = height/width;
                    node = $("#resize_div")[0];
                    var curTransform = new WebKitCSSMatrix(window.getComputedStyle(node).webkitTransform);
                $("#scalex").text("Scale X: " + scalax);
                $("#scaley").text("Scale Y: " + scalay);
           }
      });