Javascript如何同时调整图像大小和剪辑图像?

Javascript如何同时调整图像大小和剪辑图像?,javascript,image,resize,Javascript,Image,Resize,我有一张原始尺寸的图片:374x144。它是一个文件中的3个图像。因此,我定义了一个div标记以仅获取一个图像: <div style="background-image:url('http://pics.kapihospital.de/ga_cars.5.jpg');position:absolute;height:48px;width:374;background-position: 0px -96px;"></div> 现在我想调整image/div标记的大小

我有一张原始尺寸的图片:374x144。它是一个文件中的3个图像。因此,我定义了一个div标记以仅获取一个图像:

<div style="background-image:url('http://pics.kapihospital.de/ga_cars.5.jpg');position:absolute;height:48px;width:374;background-position: 0px -96px;"></div>

现在我想调整image/div标记的大小。但当我改变高度和属性时,我得到的是一个改变了的剪辑部分,而不是一个调整大小的图像


是否可以同时对图像进行剪辑和锐化?新的大小应该是179x23左右,你应该用一个实际的图像标签来调整大小,用某种包装来剪裁(我用了一个
div

HTML

<div>
    <img src="http://pics.kapihospital.de/ga_cars.5.jpg" width="179" height="69">
</div>​​​​

您可以在图像上使用
position:relative
,并使用负数
top
属性在
div
中移动它。

Jeap成功了!谢谢
DIV {
    width: 179px;
    height: 23px;
    overflow: hidden;
}

IMG {
    position: relative;
    top: -23px;
}