javascript - 使用 Javascript 或 CSS 裁剪图片？

Question

我有宽度不变的图片(即 100px)但高度可变(可以是 200px、130px，...但是高度总是 >= 100px)。

我正在寻找可以裁剪图片底部的 CSS 或 JavaScript 代码，这样我的所有图片的大小都是 100x100。

这可以做到吗，还是我应该使用一些 PHP(或其他服务器端语言)库？

Answer 1

HTML:

<div id="cutter">
  <img src="..." alt=""/>
</div>

CSS:

div#cutter {
  overflow: hidden;
  width: 100px;
  height: 100px;
}