我的朋友和我打算建一个网店。该商店的主要特色之一是客户能够设计自己的东西。我的朋友以polyvore website为例。
以上链接指向编辑页面。在polyvore中,客户可以将项目从右侧拖放到页面左侧的“画布”。图像具有用于调整大小,旋转和移动的简单处理程序。
这是我们想要实现的主要功能。我想知道是否有任何提供这些功能的免费JavaScript库?我们不需要太高级的东西,因为目标不是制作类似在线Photoshop应用程序的东西。 polyvore编辑器具有我们需要的大部分功能。
答案 0 :(得分:6)
Pixastic有一个使用Canvas的简单Javascript图像编辑器。
答案 1 :(得分:5)
说到转换,fabricJS看起来非常好:http://fabricjs.com/
对于效果,CamanJS似乎提供了很多控制,还包括预设过滤器:http://camanjs.com/examples/
答案 2 :(得分:1)
如果您使用功能齐全的基于JavaScript的框架(例如Cappuccino或SproutCore)开发应用程序,那么这种轻量级图像操作应该无法实现。
如果您希望网站实施更具灵活性,请使用较小的库,例如jQuery UI或Interface Elements(这是一个非常不完整的列表 - 周围有大量类似的库)。
答案 3 :(得分:1)
您可以使用 DarkRoom 。它是网络中一个简单而强大的图像编辑器。你可以从以下链接找到它: https://mattketmo.github.io/darkroomjs/
答案 4 :(得分:0)
这不是一个完整的答案,但应该指导你。 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,它允许您旋转画布上绘制的图像。但是,你不能真正把我提到的两个结合起来,我建议你看看它们的灵感并推出自己的(除非其他人找到一个已经有它的工具)