2009-12-03 80 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,它允許您旋轉畫布上繪製的圖像。但是,你不能真正把我提到的兩個結合起來,我建議你看看他們兩個人的靈感,並推出自己的(除非別人發現一個工具,它已經)