【发布时间】:2014-12-14 10:56:53
【问题描述】:
我正在 ASP.Net 上做一个项目,其任务是处理图像。 因此,我需要让客户参与其任务将包括: 裁剪、旋转、调整大小。 我看到this主题,但解决方案对我的问题来说太复杂了(我只有3个功能,不是Photoshop的在线版本)。 你能给我一个免费的JS解决方案吗? 表示发送结果图像将在 Ajax 中执行。 可取,该解决方案应支持 Ie8+。
【问题讨论】:
标签: c# javascript asp.net image
我正在 ASP.Net 上做一个项目,其任务是处理图像。 因此,我需要让客户参与其任务将包括: 裁剪、旋转、调整大小。 我看到this主题,但解决方案对我的问题来说太复杂了(我只有3个功能,不是Photoshop的在线版本)。 你能给我一个免费的JS解决方案吗? 表示发送结果图像将在 Ajax 中执行。 可取,该解决方案应支持 Ie8+。
【问题讨论】:
标签: c# javascript asp.net image
它不是免费的,但 Telerik 有一个 Image Editor for ASP.NET AJAX。
【讨论】:
完全披露:我是 StudioJS 的作者
StudioJS (MIT-licensed), (see demo) 提供裁剪、旋转、翻转、饱和度、对比度、亮度调整、白平衡校正和多种图像效果。
它使用ImageResizer(我也是作者)来做后端工作。 ImageResizer 核心、调整大小、裁剪和旋转是免费的,但图像效果和调整需要许可证。一切都在 GitHub 上。
如果您构建自己的解决方案,check out my list of avoidable pitfalls。这可能有点棘手。
【讨论】:
您可以使用 JavaScript 免费组件来编辑图像并将其转换为 base64 ,然后将此 base64 作为服务器端代码保存到物理文件图像会很容易
Javascript 代码:
http://cssdeck.com/labs/xnmcokhc
或者通过同样的方式,下面的链接中也有许多其他 JS 选项
http://www.jqueryrain.com/demo/jquery-crop-image-plugin/
【讨论】:
您可以使用在线编辑器,例如Pixlr。我读到它有一个 API,因此您可以将其设置为与您的 Web 应用程序一起使用。它具有您想要的功能,还有更多。
要拥有自己的 JS 编辑器,我还没有在网上找到现成的东西,但可以自己制作一个。
您可以使用imgAreaSelect 插件(用于 WordPress)使客户端成为裁剪功能的一部分。对于服务器端部分,我前段时间写过这个article 来描述裁剪功能的工作原理。您可以调整它以使用 imgAreaSelect 插件。如果 Pixlr 不适合您,请告诉我,以便我们进一步讨论第二种情况。
【讨论】:
所以,我为我的项目创建了一个 SimpleImageEditor。
我使用 ImageAreaSelect 进行裁剪,使用 fc-ImageResizer 调整大小。 对于显示,我使用 Bootstrap 3.0。 https://bitbucket.org/Dr-klo/simpleimageeditor/
【讨论】: