Tasarım Kodlama

HTML5 Canvas Resim Renklerini Ters Çevir

HTML5 Canvas ile bir resmin renklerini ters çevirmek için, görüntüdeki tüm piksellerin üzerinde yineleyebilir ve her bileşeni maksimum renk değerinden (255) çıkararak kırmızı, yeşil ve mavi bileşenleri tersine çevirebiliriz. Güncellenmiş görüntü verilerini putImageData() yöntemiyle veri dizisi ve konumla kaydedebiliriz.

Not: getImageData () yöntemi, görüntünün, yürüten kodla aynı etki alanına sahip bir web sunucusunda barındırılmasını gerektirir. Bu koşul yerine getirilmezse, bir SECURITY_ERR istisnası atılır.

Çıktı:

Kod:

 

Yorum yap