Lab
Image Filters canvas pixel manipulation
Canvas 2D · ImageData · convolution

แต่งรูปด้วยโค้ด

ภาพต้นฉบับ (วาดด้วยโค้ด) อยู่ซ้าย · ผลลัพธ์อยู่ขวา. ฟิลเตอร์ทุกตัวคือการวนอ่าน-เขียนค่าสี ทีละพิกเซลใน ImageData — grayscale/invert/sepia คือคำนวณ RGB ใหม่, edge-detect คือ convolution (Sobel), pixelate คือเฉลี่ยเป็นบล็อก. vanilla ล้วน ไม่มีไลบรารี

ต้นฉบับ
ผลลัพธ์ต้นฉบับ

กดฟิลเตอร์เพื่อดูผล · ขาว-ดำล้วน เลื่อน threshold, พิกเซล เลื่อนขนาดบล็อก, สว่าง/คอนทราสต์ เลื่อน 2 ตัวล่าง