Cool cleaning like glass erase effect using jquery

That is a jQuery plugin that makes a perception erasable (with a sensitive mouse or even effect movements) cleaning like glass erase effect.

This particular plugin replaces the qualified photograph by simply an interactive canvas that could be removed making use of effector even sensitive mouse advice. You possibly can stipulate some sort of callback with regard to achievement along with established the wash measurement.

glass-erase effect

Must be treated which I tend not to declare that the achievement recognition course of action is usually eventually exact. The truth is you should alternatively make use of a completeRatio close to 0. 8 if you prefer a near-complete get rid of course of action.


Download Source Code

For you to transform a perception or even canvas into an erasable canvas, merely employ this syntax:


To specify a brush size, you can change some options (default value is 40) :

$('#yourImage').eraser( { size: 30 } );
// and you can also change the size later :
// $('#yourImage').eraser( 'size', 30 } );

You can reset the canvas to the original image with below code :


Himanshu is a young engineer living in India. Currently working at Cognizant as a Senior Engineer. He is an ethical hacker & blogger too, doing lots of crazy stuff... If you seem interesting, go through his portfolio: : "Open Source. Millions of open minds can't be wrong!

Leave a reply:

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Site Footer

Sliding Sidebar

We are India’s largest Startup Community

We are team of ' Delhi Startups ' , most active startup community with strict spam policy.
We are making !deas happen..for future, business and jobs without charging anything, with connecting entrepreneurs.. It's a reason to trust on us.
Come and join or subscribe, we will defiantly give a reason to like us.

Our Facebook Page