Javascript图像编辑器库[关闭]答案

【问题标题】：Javascript image editor library [closed]Javascript图像编辑器库[关闭]
【发布时间】：2010-12-22 17:10:05
【问题描述】：

我和我的朋友计划建立一个网上商店。商店的主要特点之一是顾客可以设计自己的东西。我的朋友以polyvore website 为例。

上面的链接指向一个编辑器页面。在 polyvore 中，客户可以将项目从右侧拖放到页面左侧的“画布”中。图像具有用于调整大小、旋转和移动的简单处理程序。

这是我们想要实现的主要功能。我想知道是否有提供这些功能的免费 JavaScript 库？我们不需要太高级的东西，因为我们的目标不是制作在线 Photoshop 应用程序之类的东西。 polyvore 编辑器具有我们需要的大部分功能。

【问题讨论】：

仅供参考，我更喜欢使用 jQuery 和 jQuery-UI。但是，如果该库仅适用于该框架，则它不会关闭另一个框架的机会。我还在等待更多的答案，而我一直在寻找。我也可能会考虑制作一个，也许使用画布，所以如果你有一个很好的教程链接，可以在这里免费分享，我会投票赞成这个好的教程。谢谢
你成功了吗？我很想知道您发现我们或最终使用了什么。我正在开发一个类似的应用程序，虽然我倾向于使用 jQuery，但我不想重做已经完成的事情......谢谢！
嗨，汤姆。该项目本身已被搁置，因此我没有再次搜索该库。请随意尝试以下答案中的建议库。

标签： javascript image plugins editor

【解决方案1】：

说到转换，fabricJS 看起来很不错：http://fabricjs.com/

对于效果，CamanJS 似乎提供了很多控制，还包括预设过滤器：http://camanjs.com/examples/

【讨论】：

【解决方案2】：

Pixastic 有一个使用 Canvas 的简单 Javascript 图像编辑器。

【讨论】：

一个非常低级和简单的javascript图像编辑器：code.google.com/p/svg-edit（试试demo）
editor.pixastic.com使用画布，IE不支持
项目被取消，但 pixastic 似乎很有希望。也许我稍后会在其他项目中尝试一下
链接失效了。
链接已更新 [填充]

【解决方案3】：

您可以使用 DarkRoom。它是一个简单而强大的网络图像编辑器。您可以从以下链接中找到它： https://mattketmo.github.io/darkroomjs/

【讨论】：

【解决方案4】：

如果您使用基于 JavaScript 的全功能框架开发您的应用程序，例如 Cappuccino 或 SproutCore，那么这种轻量级的图像处理应该很容易实现。

如果您希望站点实现更灵活，请使用较小的库，例如 jQuery UI 或 Interface Elements（这是一个非常不完整的列表 - 周围有大量类似的库）。

【讨论】：

【解决方案5】：

这不是一个完整的答案，但应该可以指导您。 Ext-js 有一个名为 Ext.Resizable 的对象，http://www.extjs.com/deploy/dev/docs/?class=Ext.Resizable，你可以将它应用到任何节点，它会添加句柄来调整它的大小。这在他们的核心（类似 jsquery）发行版中不存在，您需要完整的发行版。

旋转图像要复杂得多，因为并非所有浏览器都支持（webkit 允许通过 css 旋转）。我建议您使用跨浏览器画布库，例如http://me.eae.net/projects/iecanvas/demo.html，它允许您旋转在画布上绘制的图像。但是，您不能真正将我提到的两者结合起来，我建议您同时查看它们以获得灵感并推出自己的（除非其他人已经找到了可以做到的工具）

【讨论】：