jQuery.eraser橡皮擦图片擦除效果

jquery.eraser是一个插件，使用鼠标或触摸的动作可以擦除图像。这个插件替换的目标图像的一个互动的帆布，可擦除使用触摸或鼠标输入。您可以指定一个回调函数完成并设置画笔大小。看看这个：这个插件使用图像或画布元素但你必须确保图片是完全加载之后调用eraser(),否则它不会工作。下面的代码运行在Safari，Chrome OS X和Windows，Android和iOS Firefox览器。将图像或帆布变成一个可擦除画布：$('#yourImage').eraser();指定一个画笔大小,添加一些选项(默认值为40):$('#yourImage').eraser( { size: 30 } );// 你也可以改变大小后:// $('#yourImage').eraser( "size", 30 } );您可以重置帆布（回原始图像）：$('#yourImage').eraser('reset');你可以调用erase画布的内容：$('#yourImage').eraser('clear');得到一个回调时的图像50%已被删除，使用这：$('#yourImage').eraser( { completeRatio: .5, completeFunction: showResetButton});

在线演示        积分下载        6毛下载        砍两刀下载