2010-07-28 78 views
55

我的網站需要一些踢屁股效果,如高斯模糊,噪聲,卷積濾鏡,形態學操作等。 所有效果都必須動態應用(無預渲染圖像)並隨時間變化。什麼是最好的JavaScript圖像處理庫?

什麼是最強大的圖像處理庫,用JavaScript實現?

+0

我不確定所有的圖像處理,但也許你在處理社區找到一些東西。 HTTP://處理。org/reference/ – kenny 2010-07-28 08:43:37

回答

26

Pixastic是唯一一個我所知道的,但不是所有的方法都是完全跨瀏覽器兼容 - 他們依靠HTML5 畫布功能元件,它是不可用Internet Explorer,甚至是exCanvas。

幾個演示:

其他鏈接:

+0

謝謝,會用它 – AntonAL 2010-08-01 14:29:36

+0

噪音,Pixastic顯示這個網頁是不可用的任何更新的圖書館.. – 2014-10-10 12:15:01

+1

我希望這是暫時的,但Pixastic網站似乎已關閉 – Loupax 2014-10-11 17:02:28

6

看看Pixastic

Pixastic是一個實驗性的庫,它允許您使用只是一個JavaScript代碼的圖像進行各種操作。開箱後支持的效果包括去飽和/灰度,反轉,翻轉,亮度/對比度調整,色調/飽和度,浮雕,模糊等等。

演示可以發現here

+0

謝謝。我也找到了這個庫。但是,想到還有其他的,我沒有找到。 – AntonAL 2010-08-01 14:30:40

9

試圖尋找到Processing.js library。 這是從他們的網站報價:

Processing.js是 的姊妹項目流行的處理視覺 編程語言,專爲 網絡。

據我所知,它比Pixastic項目有更多的貢獻者,他們的demos真的很有希望。

+5

但處理,儘管它的名字,不是一個圖像處理庫,它是一個圖形引擎。 – 2011-09-25 22:21:07

+0

@Yves我認爲這是不公平的。 Processing是一個集成圖形和圖像處理庫的媒體編程框架和環境。 – terrace 2012-11-20 02:53:34

15

CamanJS是迄今爲止我發現的用於圖像處理的最靈活的非交互式(API,而非指向並單擊)JavaScript庫。

+0

+1截至目前(2013年7月)Caman比Pixastic擁有更活躍的開發週期,Pixastic在5個月內未更新。這可能或可能不代表什麼,只是說'。 – 2013-07-20 04:09:08

3

看看PSX imageprocessing庫,它包含一個javascript和ios版本。 demo site顯示它可以做什麼。 PSX是有史以來最強大的JavaScript圖像處理庫。

+1

一些很好的效果,但缺乏文檔和單元測試是一個真正的問題。如果我想做一些本地平均過濾器,例如沒有閱讀整個源代碼就無法知道如何。 – 2012-11-22 23:07:57