Javascript 从特定点开始缩放div

我在html页面上有一个Div和一个小圆图像。当我运行html页面时，div是scale 0，所以没有显示。当我单击窗口中间的小图像时，div缩放为1。我的位置是绝对的。我的问题是，当我将div缩放为1时，它将从窗口的中间开始缩放。现在，我想从小图像缩放，看起来像是从小图像打开的窗口。小图像可移动（可拖动）

我的代码

$('.divclass').css('transform','scale(1)');

---

您需要使用

jqueryui

s

draggable（）

来拖动图像

$(document).ready(function(){
    $('img').on('click',function(){
        $('.holder').toggleClass('scale');
    });
   $( "#draggable" ).draggable();
});

该javascript如果为图像单击时，红色框将出现在中间，再次单击它将消失

样品小提琴。

---

顺便说一句，我想这就是你的问题所说的，或者我可能弄错了，因为这是一个令人困惑的问题。

不，这不是我的问题。我可以拖动图像。我只需要从特定点开始缩放。从左100像素到右200像素；当你点击我的小提琴中的图像时，它也会在中间缩放。你想要缩放到哪里？我想要从左100像素和左200像素缩放到中间，然后在

css

bro中更改

top

和左。你可以在任何地方调整它。是的，但我需要动态的值。比如，假设我将拖动图像从左：100px更改为200px，将顶部：200px更改为400px，然后将div scale从左：100px和顶部：400px更改为中间。