如何計算使用jQuery開始縮放的原點？

Question

目前，縮放操作與頂部圖形一樣。我想在底部圖形中實現縮放操作。點是變焦原點。目前的代碼是：

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

哪裏UI值在percantage的寬度（例如寬度：100％，寬度：200％）的高度被設置爲自動。

謝謝

Answer 1

我不知道這是否會給你答案，但下面有一個動畫

這裏的爲例年代爲例：http://jsfiddle.net/pRccr/6/

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

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;