更改图像比例点

Question

我的图片最大宽度为百分比。

img {
     max-width: 150%;
}

当我调整浏览器窗口的大小时，图像会从左上角缩放。

有没有办法改变图像缩放的点？

E.g。这个例子：

http://jsfiddle.net/dbVcy/

是否可以从女性的脸部而不是左上角缩放图像？

Answer 1

您可以定位到角落，例如右下角。

我更新了你的小提琴 - 这里：http://jsfiddle.net/dbVcy/1/

基本上，将CSS更改为

img {
     max-width: 100%;
    position:absolute;
    bottom:0px;
    right:0px;
}

要从图像中的某个点获取它，您需要在调整浏览器大小时使用JQuery操纵底部和右侧（或者例如顶部和左侧） - 它应该给它一个由面部大小调整的错觉你的情况。