Javascript如何同时调整图像大小和剪辑图像?
我有一张原始尺寸的图片:374x144。它是一个文件中的3个图像。因此,我定义了一个div标记以仅获取一个图像: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标记的大小
<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;
}