使用JavaScript爲圖像創建顏色半色調效果

Question

任何人都可以告訴我是否有方法將使用JavaScript的圖像應用於彩色半色調效果，而不使用WebGL。我需要創建它，以便可以跨多個設備和瀏覽器使用它。我發現這個，但它使用WebGL：http://evanw.github.com/webgl-filter/

我能使用three.js或processing.js來實現它嗎？

任何幫助將不勝感激。

Answer 1

1. 創建一個畫布元素並將圖像放在裏面（請參閱@Diodeus的鏈接）。

2. 從畫布中獲取圖像數據 - 現在您可以遍歷所有像素。

3. 在圖像數據上應用半色調濾鏡。見：Algorithm to make halftone images?

4. 更新的圖像數據

BTW：我沒有電子書籍這樣做在客戶機上。圖像處理需要一些處理能力，這在客戶端可能不可用（例如智能手機）。最好在服務器上使用例如ImageMagick的。