jquery.eraser是一个插件使用鼠标或触摸的動作可以擦除图像,这个插件替换的目标图像的一个互动的帆布可擦除使用触摸或鼠标输入。您可以指定一个回调函数完成并设置画笔夶小
这个效果有点IOS上面的擦图应用,这个插件使用图像或Canvas元素但你必须确保图片是完全加载之后调用eraser(),否则它不会工作我的结论是,下媔的代码运行在SafariChrome OS X和Windows,Android和iOS Firefox黑莓等浏览器上。
将图像或Canvas变成一个可擦除画布只是用这个语法:
指定一个画笔大小,添加一些选项(默认值为40):
您可以重置帆布(回原始图像)与此代码:
你都可以调用erase画布的内容:
得到一个回调时的图像50%已被删除,使用这: