Doc Dingle's Website
Brent M. Dingle, Ph.D.

Imaging and Image Processing

Using HTML5 Canvas and JavaScript

Image of fake Bayer pattern panes Fake Bayer Pattern Panes - Drag an image to separate it into 'fake' Bayer pattern panes. Bottom panes are RGB Bayer Panes. Upper right is the combination of those 3 panes.
Image of fake Bayer pattern panes interpolated into a complete image Image Interpolation - Drag a combined 'fake' Bayer pattern pane to recreate original image. Bottom panes are interpolated RGB panes. Upper right is final result.
Animated gif of dragon to cactus crossfade Crossfade Example - Drag two images to perform an early morphing method using HTML5 and JavaScript
Image of differences between 2 images Image Compare - Drag two images to perform a simple difference/similarity comparison. Bottom two images are the two source images. Upper image shows the areas of a source that were different from the other source.