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>未经允许请勿转载:程序喵 » jQuery.eraser图像擦除插件
程序喵