html / css中是否有任何功能可以裁剪图像?

时间:2016-05-26 13:04:50

标签: html css html5 css3

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

2 个答案:

答案 0 :(得分: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向上和向左移动它。 div的高度和宽度将是裁剪区域。

希望这有帮助

答案 1 :(得分:0)

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

或者查看CSS Display an Image Resized and Cropped