Cool cleaning like glass erase effect using jquery

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.

Demo

Download Source Code

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

$('#yourImage').eraser();

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 :

$('#yourImage').eraser('reset');
* Is this helped you? you can gift us a coffee or share your feedback*

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

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