Morphological image processing
JavaScript HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
MIT-LICENSE
README.md
example.html
morph.js

README.md

Morphological image processing

This is a simple tool for playing around with morphological image processing.

How to use it

Here's a simple example

<html>
  <body>
    <canvas id="demo" width=500 height=500></canvas>
    <script src="morph.js"></script>
    <script>
      var img = morph.generateRandomImage(500, 500, 100000);
      var structElem = morph.generateStructureElement(10);
      var morphResult = morph.dilate(img, structElem);

      var canvas = document.getElementById('demo');
      morph.drawImage(morphResult, canvas);
    </script>
  </body>
</html>

All that's really required is morph.complement, morph.union and morph.erode. Read more in the companion post on this.

What to contribute?

There are a bunch of cools things that could added. Like topology preserving mappings, etc. Read more here, and here and in this book.