我有一张图片需要裁剪,并用于我的项目中使用html/css。我不想使用任何照片编辑器。
here's an example:
<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;
}
因此,图像的 (position: relative) 将允许您通过 top 和 left 相对于 div 移动它。div 的高度和宽度将是剪裁区域。
希望这可以帮助到您。