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

Question

目前，缩放动作如上图所示。我想在底部图中实现缩放动作。该点是缩放原点。目前的代码是：

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

其中 UI 值是以百分比为单位的宽度（例如，宽度：100%，宽度：200%） 高度设置为自动。

谢谢

Answer 1

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

这是一个例子：http: //jsfiddle.net/pRccr/6/

<div class="global">
<div class="item"></div>

​</p>

CSS :::::::

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

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

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);​

Answer 2

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

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