html5 canvas橡皮擦插件jQuery.eraser

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

淘建站为您提供更多_其它特效_jQuery插件_canvas_eraser，在此特别感谢您对我们的支持与厚爱！

HTML

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

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

jQuery

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