Search code examples
javascriptjqueryweb-applicationsimage-processingedge-detection

Edge detection and removal


I am new to Image Processing. I am developing a web application. I need to take an image (free hand drawings) and remove parts of it. For example, take an image of cat and remove everything except its eye.

P.S-> I am developing a pictionary game based authentication system. It requires user to select an image co-relating his password, and I would morph it by detecting the edges and removing the parts of it and store it as a cue and display it to him, so that it makes sense only to him and not an attacker.


Solution

  • I don't have the entire code, but I had done edge detection using the approach defined [here] (http://www.pixastic.com/lib/docs/actions/edges2/). The removal of the parts was done using canvas methods