Convolution
Convolution (Image Filter Kernel Operation)
Convolution is the fundamental operation behind image filters like blur, sharpen, and edge detection. A small matrix (kernel) slides across the image, computing weighted sums of neighboring pixels to produce the output.
Detail Teknis
A 3x3 convolution kernel processes each pixel by multiplying its 9 neighbors by kernel weights and summing the results. Gaussian blur uses a bell-curve-weighted kernel, while Laplacian edge detection uses a center-weighted negative kernel.
Contoh
```javascript
// Convolution: processing with Canvas API
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
ctx.drawImage(sourceImage, 0, 0);
const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
// Process pixels in imageData.data (RGBA array)
```
Alat Terkait
C
Compress Image
R
Resize Image
C
Crop Image
R
Rotate Image
F
Flip Image
C
Convert Image
W
Watermark Image
S
SVG to PNG
I
Image to Base64
R
Round Corners
A
Add Border
I
Image Filters
A
Adjust Image
B
Blur Image
S
Sharpen Image
M
Make Square
G
Grayscale Image
S
Sepia Image
P
Pixelate Image
S
Strip Image Metadata