简单的Javascript图像编辑器 ASP.Net 应用程序

Simple Javascript image editor for ASP.Net application

本文关键字：ASP Net 应用程序 编辑器 图像 Javascript 简单      更新时间：2023-09-26

我正在做一个关于 ASP.Net 的项目，其任务是处理图像。因此，我需要使客户端成为其任务的一部分，其任务将包括：裁剪、旋转、调整大小。我看到了这个主题，但解决方案对于我的问题来说太复杂了（我只有 3 个功能，不是 Photoshop 的在线版本）。你能给我一个免费的JS解决方案吗？意味着发送结果图像将在 Ajax 中执行。理想的是，该解决方案应支持Ie8+。

它不是免费的，但 Telerik 有一个图像编辑器对于 ASP.NET AJAX。

完全披露：我是StudioJS的作者

StudioJS（MIT许可）（见演示）提供裁剪，旋转，翻转，饱和度，对比度，亮度调整，白平衡校正和许多图像效果。

它使用ImageResizer（我也是作者）来完成后端工作。ImageResizer 核心、调整大小、裁剪和旋转是免费的，但图像效果和调整需要许可证。一切都在GitHub上。

如果您构建自己的解决方案，请查看我的可避免陷阱列表。这可能有点棘手。

您可以使用 JavaScript 免费组件来编辑图像并将其转换为 base64 ，然后很容易将此 base64 作为服务器端代码保存到物理文件图像

脚本代码： 

http://cssdeck.com/labs/xnmcokhc

或者以同样的方式，下面的链接中还有许多其他JS选项

http://www.jqueryrain.com/demo/jquery-crop-image-plugin/

您可以使用Pixlr等在线编辑器。我读到它有一个 API，以便您可以将其设置为与您的 Web 应用程序一起使用。它具有您想要的功能，还有更多功能。

要拥有自己的JS编辑器，我还没有在网上找到现成的东西，但可以制作自己的编辑器。

您可以使用imgAreaSelect插件（在WordPress中使用）使客户端成为裁剪功能的一部分。对于服务器端部分，我前段时间写了这篇文章来描述裁剪函数的工作原理。您可以调整它以与imgAreaSelect插件一起使用。如果Pixlr不适合您，请告诉我，以便我们可以更多地讨论第二种情况。

因此，我为我的项目创建了一个SimpleImageEditor。

我使用ImageAreaSelect进行裁剪，并使用fc-ImageResizer进行调整大小。为了显示，我使用Bootstrap 3.0。https://bitbucket.org/Dr-klo/simpleimageeditor/

相关文章：