Home > JavaScript > Canvas Pixel Manipulation a’ la Quick and Dirty

Canvas Pixel Manipulation a’ la Quick and Dirty

In a recent prototype I attempted to load in a PNG onto a canvas, change the image to a silhouette, as well as create a desaturated version, cache all three (including the initial state) sets of pixel data, and swap them out interchangeably. Then I wanted to spit the data back out into something I could incorporate into the DOM.

Here’s what I came up with: Canvas Pixel Manipulation

Categories: JavaScript Tags:
  1. No comments yet.
  1. No trackbacks yet.