Javascript 如何使用jQuery计算开始缩放的原点？

当前，缩放操作如上图所示。我想实现底部图形中的缩放操作。该点是缩放原点。当前代码为：

        $("#popup").css("width",ui.value+"%");
    $("#largeText").css("width",ui.value+"%");
        $("#largeImg").css("width",ui.value+"%");

其中，UI值是PerCanage中的宽度（例如宽度：100%，宽度：200%），高度设置为自动

---

谢谢

这将取决于您的元素在页面上的位置。 我希望，要在图像中获得想要的结果，您必须在页面上垂直和水平居中放置元素

margin:auto auto;
width:?px;
height:?px;

---

我不知道这是否会给你答案，但这里有一个动画的例子

下面是一个例子：

JAVASCRIPT:

var start_size = 20;

var timer=setInterval(function(){

     start_size ++;

        $('.item').css('height',start_size+'px');
        $('.item').css('width',start_size+'px');

        $('.item').css('top', ($('.global').height()/2 - $('.item').height()/2) +'px');
        $('.item').css('left', ($('.global').width()/2 - $('.item').width()/2)+'px');

}, 50);​

---

它是一个div页面，与整个页面重叠。这就是为什么它的宽度是100%。它已经在它的中心了

.global {
      width:600px;
      height:600px;    
      background-color:#ff00ff;
      position:relative;
    }

    .item{
      position:absolute;
      width:3px;
      height:3px;
      background-color:#000;   
    }

var start_size = 20;

var timer=setInterval(function(){

     start_size ++;

        $('.item').css('height',start_size+'px');
        $('.item').css('width',start_size+'px');

        $('.item').css('top', ($('.global').height()/2 - $('.item').height()/2) +'px');
        $('.item').css('left', ($('.global').width()/2 - $('.item').width()/2)+'px');

}, 50);​