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.
ๆๆฏ็ป่
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.
็คบไพ
```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)
```
็ธๅ ณๅทฅๅ ท
ๅ
ๅ็ผฉๅพ็
่ฐ
่ฐๆดๅพ็ๅคงๅฐ
่ฃ
่ฃๅชๅพ็
ๆ
ๆ่ฝฌๅพ็
็ฟป
็ฟป่ฝฌๅพ็
่ฝฌ
่ฝฌๆขๅพ็ๆ ผๅผ
ๅพ
ๅพ็ๆทปๅ ๆฐดๅฐ
S
SVG ่ฝฌ PNG
ๅพ
ๅพ็่ฝฌ Base64
ๅ
ๅ่งๅค็
ๆทป
ๆทปๅ ่พนๆก
ๅพ
ๅพ็ๆปค้
่ฐ
่ฐๆดๅพ็
ๆจก
ๆจก็ณๅพ็
้
้ๅๅพ็
่ฃ
่ฃๅชไธบๆญฃๆนๅฝข
G
Grayscale Image
S
Sepia Image
P
Pixelate Image
S
Strip Image Metadata