图像擦除插件jQuery.eraser

查看演示立即下载

插件描述：jquery.eraser是一个插件，使用鼠标或触摸的动作可以擦除图像。

jquery.eraser是一个插件，使用鼠标或触摸的动作可以擦除图像。

这个插件替换的目标图像的一个互动的帆布，可擦除使用触摸或鼠标输入。您可以指定一个回调函数完成并设置画笔大小。

看看这个：

这个插件使用图像或画布元素但你必须确保图片是完全加载之后调用eraser(),否则它不会工作。

我的结论是，下面的代码运行在Safari，Chrome OS X和Windows，Android和iOS Firefox，黑莓浏览器：

将图像或帆布变成一个可擦除画布，只是用这个语法：

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

指定一个画笔大小,添加一些选项(默认值为40):

$('#yourImage').eraser( { size: 30 } );
// 你也可以改变大小后:
// $('#yourImage').eraser( "size", 30 } );

您可以重置帆布（回原始图像）与此代码：

1	`$('#yourImage').eraser('reset');`

你都可以调用erase画布的内容：

1	`$('#yourImage').eraser('clear');`

得到一个回调时的图像50%已被删除，使用这：

$('#yourImage').eraser( {
    completeRatio: .5,
    completeFunction: showResetButton
});

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com