jquery - 使用 jQuery 从中间缩放图像

Question

是否可以使用 jQuery 从中间开始缩放图像？现在它从左上角开始。

$( document ).ready(function() {
    $("#logo").animate({
        height: '+=100%',
        width: '+=100%'
    });

});

#logoblock
{
    position: relative;
    width: 700px;
    height: 700px;
    margin: auto;
}
#logo
{
    position: absolute;
    width: 0%;
    height: 0%;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div id="logoblock">
    <div id="logo">
    <img src="http://placehold.it/700x700">
    </div>
</div>

这可能吗？

Answer 1

可能b完全不是你想要的

$( document ).ready(function() {
$("#logo").animate({
    height: '+=100%',
    width: '+=100%',
    top: 0,
    left:0
});

});

CSS

#logoblock
{
position: relative;
width: 700px;
height: 700px;
margin: auto;
}
#logo
{
position: absolute;
top:50%;
left:50%;
width: 0%;
height: 0%;
}

fiddle http://jsfiddle.net/73h17m1t/

fiddle 加载后单击run 按钮并将结果帧调整为完整大小以获得最佳 View 。