Cool cleaning like glass erase effect using jquery

If you like this post, Then please share it with your friends, so that they can also enjoy the article:

That is a jQuery plugin that makes a perception erasable (with 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 effect or even sensitive mouse advices. 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 :

* If this Helped you! Please take a Second to like and share it. *

Himanshu is young engineer living in India. Currently working in as UI Engineer. He is an ethical hacker & blogger too. Doing lot's of crazy stuff... If you seems interesting, go through portfolio:

Leave a reply:

Your email address will not be published.

Sliding Sidebar

We have 20,000+ active geeks

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