html5 canvas橡皮擦插件jQuery.eraser

收藏

jQuery.eraser.js 实现橡皮擦流程：将灰色的图片装载于一个 canvas 中，然后和彩色的图片用 CSS 定位在同一个位置，并设置 z-index 使 canvas 位于彩色图片之上。当按住鼠标并在 画布(canvas) 上来回移动时，就有橡皮擦的效果了。我们也可以做类似刮刮乐的效果。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

HTML

首先我们放置两种灰彩图片和进度#progress

<div class="erdangjiade">
    <img src="images/1.jpg" alt="">
    <img id="redux" src="images/2.jpg" alt="">
    <span id="progress">0%</span>
</div>

jQuery

$(function(){
    $('#redux').eraser();
});