Question

我想让子div保持放大之前的状态。我想像这样https://yeye0922.github.io/ZoomMarker/缩放图像但是当我缩放图像子元素时，坐标会消失。

$("#btn").click(function () {
    var w = parseInt($("#parent").css("width").replace("px",""));
    var h = parseInt($("#parent").css("height").replace("px",""));
    var chilTop = parseInt($("#child2").css("top").replace("px",""));
    var chilLeft = parseInt($("#child2").css("left").replace("px",""));

    var a  =  w / chilLeft;
    var b  =  h / chilTop;
    var aa = chilLeft / a;
    var bb = chilTop / b;
    $("#child2").css("top",chilTop + aa +"px");
    $("#child2").css("left",chilLeft + bb +"px");
    w = w + 100;
    h = h + 100;
    $("#parent").css("height",h);
    $("#parent").css("width",w);

})

https://jsfiddle.net/Etibar2/8hu57efo/

有人知道解决方案吗？

Answer 1

您的代码正在修改

行中的顶部和左侧坐标

    $("#child2").css("top",chilTop + aa +"px");
    $("#child2").css("left",chilLeft + bb +"px");

只需删除它们或将其注释掉即可。

带子div的图像放大

1 个答案: