html/css中是否有任何功能来裁剪图像？

Question

我有一个图像，我想裁剪，然后相应地使用它为我的项目使用html/css。我不想使用任何照片编辑器。

Answer 1

这里有一个例子：

<div id="test"> 
<img id="image" src="LINK to Image"> 
</div> 

和CSS：图像将让您：

#test{ 
overflow: hidden; 
height: (number)px; 
width: (number)px; 
} 

#image{ 
position: relative; 
top: (number)px; 
left: (number)px; 
} 

所以（相对位置）移动它与顶部和离开相关的股利。 div的高度和宽度将是裁剪区域。

希望这会有帮助

Answer 2

img { 
    position: absolute; 
    clip: rect(0px,60px,200px,0px); 
} 

还是看CSS Display an Image Resized and Cropped