javascript - 从特定点缩放 div

Question

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

我的代码

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

Answer 1

您需要使用 jquery-ui 的 draggable() 来拖动图像。

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

那个javascript如果是图片点击中间会出现红框，再点击就没有了。

fiddle 示例 here . 顺便说一句，我认为这就是你的问题所说的，或者我可能会弄错，因为它有点令人困惑。