如何使用jQuery擦除插件eraser实现网页元素擦除功能？
- 内容介绍
- 文章标签
- 相关推荐
本文共计628个文字，预计阅读时间需要3分钟。
Eraser插件简介：
1. jQuery.eraser 是一个基于 jQuery 的插件，效果类似于橡皮擦。当鼠标按下不放时，在图片上移动鼠标，灰色的图片将被擦除，露出下面的彩色图片。
eraser插件简介：
1.jQuery.eraser 是一个基于 jQuery 的插件，它的效果类似于橡皮擦，按住鼠标不放，在图片上面来回移动，上面灰色的图片就会被擦出，显示出下面彩色的图片。
2.jQuery.eraser 的原理其实是有灰色、彩色两张图片（都需要自己事前准备），将灰色的图片装载于一个 canvas 中，然后和彩色的图片用 CSS 定位在同一个位置，并设置 z-index 使 canvas 位于彩色图片之上。当按住鼠标并在 canvas 上来回移动时，就出现了类似橡皮擦擦出的效果。
本文共计628个文字，预计阅读时间需要3分钟。
Eraser插件简介：
1. jQuery.eraser 是一个基于 jQuery 的插件，效果类似于橡皮擦。当鼠标按下不放时，在图片上移动鼠标，灰色的图片将被擦除，露出下面的彩色图片。
eraser插件简介：
1.jQuery.eraser 是一个基于 jQuery 的插件，它的效果类似于橡皮擦，按住鼠标不放，在图片上面来回移动，上面灰色的图片就会被擦出，显示出下面彩色的图片。
2.jQuery.eraser 的原理其实是有灰色、彩色两张图片（都需要自己事前准备），将灰色的图片装载于一个 canvas 中，然后和彩色的图片用 CSS 定位在同一个位置，并设置 z-index 使 canvas 位于彩色图片之上。当按住鼠标并在 canvas 上来回移动时，就出现了类似橡皮擦擦出的效果。