jquery.eraser制作擦涂效果

最新推荐文章于 2021-12-29 20:42:36 发布

「已注销」

最新推荐文章于 2021-12-29 20:42:36 发布

阅读量656

点赞数

本文链接：https://blog.csdn.net/oMiracle123/article/details/79245420

版权

jquery.eraser制作擦涂效果



    
        
  
  
        
  
  
        
  
  
        
  
  
        
  
  
        
            jQuery.eraser, a plugin that makes an image erasable (touch & mouse)
        
        
    
    
        
            jQuery.eraser()
        
        
            a plugin that replaces the targeted image by an interactive canvas
            

            that can be erased
            using touch ou mouse moves.
            

            
                try by yourself below...
            
        
        
            
                $("#myImage").eraser();
            
        
        
            
            
        
        
            
                RESET
            
            
                CLEAR
            
            
   
   
        
        

        
            or brush his teeth
        
        .
    
    <script src="http://www.jq22.com/jquery/2.1.1/jquery.min.js"></script>
    <script src='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});
    
                }
    
    
            </script>




ps:制作刮刮卡 涂抹效果都可以


查看原文：http://newmiracle.cn/?p=2344