ImageDrawer 动态绘制图片动画jQuery插件

$('div#container').drawImage();

$(div#container).drawImge({

   duration: 20,              @number - seconds it's take to draw the entire picture

                              Instead of specifying the duration on the whole animation,

   || {                       it's also possible to set the duration of single drawing phases:

     borderPencil : 9,     @number - seconds it's take to draw the picture by using only the pencil for borders

     pencilShades : 6,    @number - seconds it's take to draw sharpest shades with black pencil

     colorShades  : 7.5,  @number - seconds it's take to draw first, basic, vanish colors

     fullColors   : 7.5      @number - seconds it's take to define better all colors on the picture

   },

   background: '#949494',     @string   - background color for image while it's been drawing

   callback: fn(),            @function - function to execute after the last phase

   pencil: {

      height: '50px',

        width : '50px',

        src   : './img/pencil.png'    @string - path to the pencil image

    }

 });

{

      borderPencil : 9,  

      pencilShades : 6,  

      colorShades  : 7.5, 

      fullColors   : 7.5 

    }

    }