有沒有辦法用Canvas實現類似Photoshop的多重，差異等圖層效果？

Question

我正在尋找一種實現類似Photoshop的圖層效果的方法，例如Canvas + JavaScript的乘法和差異（以及屏幕）。

此外，Canvas是否存在模糊效果？

Answer 1

（假設至少一些熟悉這裏的圖像處理。如果不是的話，你可能要完善您的問題或要求與範圍較窄另一個。）

這些圖層效果都不是很難實現。 Wikipedia has descriptions of how they work以及一些指針。對於乘比如你乘以每通道和每像素的值，再除以255

至於模糊的結果，這是通常用一個簡單的convolution完成。參見例如，Wikipedia again。基本上，當對信號進行卷積處理時，要查看具有不同權重的單個像素的鄰域（對於高斯模糊，這些權重形成2D中的正態分佈的形狀）。一個簡單的框模糊可以使用矩陣

1 1 1 
1 1 1 
1 1 1 

這隻會模糊每個像素與其周圍的一個。在圖像上執行三次這樣的操作，您也可以很好地近似高斯模糊。