HTML中裁剪图像的最佳方法是什么？

Question

10

如何在HTML中裁剪图片？

可以使用以下方式：

<img src="something.gif" x1="10" y1="10" x2="20" y2="20">

如果那不奏效，那么我就会使用GIMP。有关如何以编程方式实现此操作的任何想法？

- fmsf

做得好，冠军！你不仅在批量编辑用户的帖子时骚扰他们，现在你还在撤销合法的修复工作！ - user42092

我同意。GK，请立即切掉这段内容。 - GEOCHET

@所有人，我最初询问的是“快速的方法”，因为我不知道该如何做。现在已经很好了，感谢你们愿意帮助解决我的问题，甚至把它变成了社区维基。如果大家更专注于帮助人们找到解决方案，对每个人来说都会更好。 - fmsf

@Darko：好巧，晚了几天。 - GEOCHET

请参见https://dev59.com/QXRB5IYBdhLWcg3wv5o_。 - ripper234

显示剩余5条评论

2个回答

4

如果你有很多切片，你也可以使用像这个基于web的CSS Sprite生成器这样的工具来创建一个更大的图像。

[在我类似问题的提问中，有人指引我来到了这里。]

- Simon

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- gs · Accepted Answer

这被称为“精灵图”，您可以阅读这篇由A List Apart撰写的精彩文章。

最终归结为：

#panel2b {
    width:50px;
    height:30px;
    background: transparent url(test-3.jpg) -96px -200px no-repeat;
}