2012-01-11 49 views
1

是否有可能使用javascript/jquery去飽和並且模糊一個標籤內容,其中兩個效果在中心和max'd處都是最小的徑向?Desaturate和模糊<canvas>標籤內容可能帶有JavaScript?

我有一個畫布元素,當你移動光標時會產生視差效果。我想模糊和去飽和容器(div或canvas)的中心遠的內容,但仍然允許視差效果在下面......我如何創建這種效果?

+0

是它甚至可以應用在實時無論如何這兩種效應? – lukas56z 2012-01-11 16:37:17

回答

1

沒有內置的功能可以完成您想要的功能,但是您可以選擇編寫某些功能來執行此操作,或使用現有的庫爲您提供類似的功能。使用HTML 5畫布,您可以使用javascript在像素級別更改圖像。下面是一些參考:

Pixel Manipulation by Beej

A few interesting blur techniques

JS Library that includes blurring and desaturating

+0

這基本上是一個應用於去飽和度和模糊效果濾鏡的徑向漸變蒙版......不知道從哪一個開始,這個任何想法? – lukas56z 2012-01-11 15:07:34