【问题标题】: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 的全功能框架开发您的应用程序,例如 CappuccinoSproutCore,那么这种轻量级的图像处理应该很容易实现。

      如果您希望站点实现更灵活,请使用较小的库,例如 jQuery UIInterface 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,它允许您旋转在画布上绘制的图像。但是,您不能真正将我提到的两者结合起来,我建议您同时查看它们以获得灵感并推出自己的(除非其他人已经找到了可以做到的工具)

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2010-11-23
          • 1970-01-01
          • 2011-12-04
          • 1970-01-01
          • 2010-11-12
          • 1970-01-01
          • 2021-11-12
          • 2023-03-18
          相关资源
          最近更新 更多