Javascript图像编辑器库[关闭]

Question

我的朋友和我打算建一个网店。 该商店的主要特色之一是客户能够设计自己的东西。 我的朋友以polyvore网站为例。

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

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

Answer 1

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

Answer 2

在转换方面，fabricJS看起来非常好： http ：//fabricjs.com/

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

Answer 3

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

如果你想在网站实现方面有更多的灵活性，可以使用像jQuery UI或Interface Elements这样的小型库（这是一个非常不完整的列表 - 周围有很多类似的库）。

Answer 4

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

Answer 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 ，它允许您旋转画布上绘制的图像。 但是，你不能真正将我提到的两个结合起来，我建议你看看它们的灵感并推出自己的（除非其他人找到一个已经做到的工具）