The page can change your original image by the filter you choose or your custom matrix. There are many interesting filter kernels which can make your image more blurry or sharp.
Based on blur example, if you decide to divide the kernel matrix by (row size) * (col size) in custom function, the final matrix is
Sharpen
0 -1 0
-1 5 -1
0 -1 0
Blur (divide size)
1 1 1
1 1 1
1 1 1
Outline
-1 -1 -1
-1 8 -1
-1 -1 -1
Top sobel
1 2 1
0 0 0
-1 -2 -1canvasOutput
