2009-12-03 84 views
16

我和朋友打算建立一个网上商店。该店的主要特点之一是客户能够设计自己的东西。我的朋友以polyvore website为例。Javascript图像编辑库

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

这是我们想要实现的主要功能。我想知道是否有任何提供这些功能的免费JavaScript库?我们不需要太多先进的东西,因为目标并不是像在线Photoshop应用程序那样。 polyvore编辑器具有我们需要的大部分功能。

+0

仅供参考,我更喜欢使用jQuery和jQuery-UI。但是,如果库仅用于该框架,它不会为另一个框架关闭机会。我仍在等待更多的答案,而我一直在寻找。我也可以考虑制作一个,也许使用画布,所以如果你有一个很好的教程链接,在这里免费分享,我会投赞成教程。 谢谢 – 2010-01-15 10:30:49

+0

你有没有成功?我很想知道你发现或最终使用了什么。我正在开发一个类似的应用程序,虽然我倾向于jQuery,但我不愿意重做那些已经完成的事情....谢谢! – TomO 2011-12-23 18:36:42

+0

嗨,汤姆。该项目本身已被搁置,所以我没有再搜索图书馆。请在下面的答案中自由尝试建议的库。 – 2012-01-02 04:34:33

回答

6

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

+3

一个非常低和简单的JavaScript图像编辑器:http://code.google.com/p/svg-edit/(尝试演示) – Kartoch 2010-01-15 14:08:44

+1

http://editor.pixastic。com使用画布,不支持IE – 2010-01-15 19:13:10

+1

该项目被取消,但pixastic看起来很有前途。也许我会稍后尝试它的其他项目 – 2010-02-13 18:11:26

1

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

如果你想与网站实现更多的灵活性,去与像jQuery UIInterface Elements较小的库(这是一个非常不完整的清单 - 周围有类似吨库)。

0

这不会是一个完整的答案,但应该引导你。 Ext-js有一个名为Ext.Resizable的对象,您可以将它应用于任何节点,并且它会添加手柄来调整其大小。这在他们的核心(类似jsquery)的发行版中不存在,您需要完整的发行版。

旋转图像比较复杂,因为在所有浏览器中都不支持(webkit允许通过css旋转)。我建议您使用跨浏览器画布库,如http://me.eae.net/projects/iecanvas/demo.html,它允许您旋转画布上绘制的图像。但是,你不能真正把我提到的两个结合起来,我建议你看看他们两个人的灵感,并推出自己的(除非别人发现一个工具,它已经)