图像抽屉。射流研究…是一款可以实现动态绘制图片动画的jQuery插件。通过图像抽屉。射流研究…插件，你可以制作在页面中绘制图片的动态过程，你可以控制绘制动画的持续时间等参数，非常有趣。

效果展示源码下载

使用方法

使用该动态绘制图片插件需要在页面中引入图像抽屉。css，jquery和图像抽屉。射流研究…文件。

链接rel='样式表href=' CSS/image抽屉。CSS ' type=' text/CSS '/script type=' text/JavaScript ' src=' http : js/jquery。量滴js/script脚本类型=' text/JavaScript ' src=' http : js/image抽屉。js'/scriptHTML结构

在页面中插入你需要绘制的图片。

div id=' container ' img id=' example ' src=' http : img。jpg '/div初始化插件

在页面数字正射影像图元素加载完毕之后，可以通过下面的方法来初始化该图片绘制插件。

$("div #容器")。绘制图像()；配置参数

图像抽屉。射流研究…图片绘制插件有以下一些可用的配置参数。

$(div #容器)。绘图图像({持续时间： 20，@number -秒)绘制整个图片不需要在整个动画上指定持续时间，|| {也可以设置单个绘制阶段的持续时间3360borderPencil : 9，@number -秒通过仅使用borderspencilShades : 6 、@number -秒的铅笔绘制图片需要使用黑色pencillcolorrency : 7绘制最锐利的阴影消失色全彩： 7.5 @数字-在图片上定义更好的所有颜色需要的时间}、background: '#949494 '、@string -在绘制callback: fn()、@function -在最后一个相位笔： {高度： '50px '，宽度： ' 50px '，src : '之后执行的函数/img/pencil.png' @string -铅笔图像的路径} });持续时间：绘制动画的持续时间。可以是一个整数，或是一个对象：

{borderPencil : 9，pencilShades : 6，colorShades : 7.5，全彩： 7.5 }边框铅笔：绘制边框需要的时间铅笔阴影：绘制黑白阴影部分需要的时间色调：绘制彩色阴影需要的时间全色；填充颜色需要的时间背景：画布的背景颜色。

回调：回调函数。

铅笔：在画布上方显示的铅笔小图标。

以上所述是小编给大家介绍的jQuery插件图像抽屉。射流研究…实现动态绘制图片动画（附源码下载)的相关知识，希望对大家有所帮助！