This project is a spin-off from my effort to visualise computer algorithm. It focus on morphological operation in image processing. Users can also upload their own binary image to experiment with. The image processing is done with opencv.js. For example, gif below shows the opening operation with different radius of structuring element.

Below is a clearer screenshot, click to enlarge:

A live version of the software is available at http://images.jincongho.com/morphological-image-processing.html. The source code is available at https://github.com/jincongho/Image-Processing-Visual-Playground. (Note that Chrome doesn’t support tiff files used in the webpage, some images may not load. Use Safari for better experience.)