首先，我对javascript很陌生。我正在尝试开发一个 javascript 函数，它获取图像并返回该图像的裁剪版本。通过在谷歌上环顾四周，我发现我可能需要以某种方式使用画布来完成这项任务。但这是否意味着我必须在我的页面上显示图像？
我还查看了具有类似功能的不同 javascript 图像处理库，例如 Pixastic 的 Crop，但我不知道如何使用它来解决我的特定问题。所以现在我向你们寻求帮助。请指导我正确的方向！
谢谢！
问问题
1339 次
3 回答
1
Pixastic 的 Crop 解决方案似乎很容易实现并使用画布。只要您不需要支持 Internet Explorer 7 或 8，它就可以完成这项工作。
否则，您可以简单地使用 CSSoverflow:hidden; 进行客户端裁剪。
Pixastic 解决方案：http ://www.pixastic.com/lib/docs/actions/crop/ ，查看示例代码选项卡。
这是 Pixastic 和 CSS 解决方案的一个工作示例：http: //jsfiddle.net/EB6P7/1/
我使用了 Pixastic 的 jQuery 插件。
--
如果您不需要将图像保存在服务器端，我建议使用 CSS 解决方案，因为它不依赖 Javascript 并且可以实现与 Pixastic 相同的结果。
如果你有什么不明白的地方，可以问我，因为我不知道你的 HTML/CSS 水平。
于 2012-09-24T12:51:03.450 回答
0
好吧，如果您的问题只是裁剪而不是保存裁剪的图像，我想说的最简单的解决方案是使用 CSS 将图像定位在 div 内并仅显示裁剪区域。
如果你想保存，那么我希望你需要在服务器端使用一些库来裁剪和保存
于 2012-09-24T12:48:46.347 回答
0
也许 CSS Clipping 功能是适合您的解决方案？
#someImage
{
clip:rect(50px 100px 130px auto);
}
于 2012-09-24T12:50:46.210 回答