jQuery.eraser – jQuery橡皮擦插件

» 网络技术 » jQuery.eraser – jQuery橡皮擦插件

jQuery.eraser – jQuery橡皮擦插件-极客公园

演 示   下 载

简介

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

jQuery.eraser 的原理其实是有灰色、彩色两张图片(都需要自己事前准备),将灰色的图片装载于一个 canvas 中,然后和彩色的图片用 CSS 定位在同一个位置,并设置 z-index 使 canvas 位于彩色图片之上。当按住鼠标并在 canvas 上来回移动时,就出现了类似橡皮擦擦出的效果。

浏览器兼容

jQuery.eraser – jQuery橡皮擦插件-极客公园 jQuery.eraser – jQuery橡皮擦插件-极客公园 jQuery.eraser – jQuery橡皮擦插件-极客公园 jQuery.eraser – jQuery橡皮擦插件-极客公园 jQuery.eraser – jQuery橡皮擦插件-极客公园
IE9+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔

使用方法

1、引入文件

发表评论

电子邮件地址不会被公开。 必填项已用*标注