jQuery.eraser图像擦除插件

jQuery.eraser 是一个基于 jQuery 的插件,它的效果类似于橡皮擦,按住鼠标不放,在图片上面来回移动,上面灰色的图片就会被擦出,显示出下面彩色的图片。

文件引用示例

<script src="js/jquery.min.js"></script>
<script src='js/jquery.eraser.js' type='text/javascript'></script>
<script type = "text/javascript">
addEventListener( "load", init, false );
function init( event ) {
    $("#redux").eraser();
    // you can alse specify the brush size (in pixel) by using options :
    // $("#redux").eraser({size: 20});
}
function remove(event) {
    $("#redux").eraser('clear');
    event.preventDefault();
}
function reset(event) {
    $("#redux").eraser('reset');
    event.preventDefault();
}
function grow(event) {
    $("#redux").eraser("size",200);
    event.preventDefault();
}
</script>



赞(52) 打赏
未经允许不得转载:优客志 » 前端设计
分享到:

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏