在 Javascript (IE) 中裁剪图像

Posted 2023-02-25

【中文标题】在 Javascript (IE) 中裁剪图像

【英文标题】：Cropping images in Javascript (IE)

【发布时间】：2012-10-07 18:37:47

【问题描述】：

有没有办法在 IE 中使用 javascript 来操作图像（裁剪）？我知道我可以使用一些 ActiveX 控件来做到这一点。但是有没有纯javascript方式？可能与过滤器是 Internet Explorer 提供的任何特殊 api 吗？

【参考方案1】：

这取决于你想要做什么。您可以使用包含overflow 设置为hidden 和限制大小的div 来裁剪图像的任何部分并仅显示所需的裁剪。如果提前知道几何形状，则可以使用纯 html/CSS 来完成。如果需要计算大小，可以用javascript设置大小、位置和CSS属性。

演示：http://jsfiddle.net/jfriend00/QsHy7/

【参考方案2】：

您可以将Jcrop 与jQuery 库一起使用。 (info, download page)

【参考方案3】：

您还可以查看 iCropper：http://github.com/supnate/icropper，这是一个纯 JavaScript 图像裁剪解决方案。它不依赖于任何使其快速、轻量且易于集成的库。