jquery.eraser制作擦涂效果

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

「已注销」

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

阅读量686

点赞数

本文链接：https://blog.youkuaiyun.com/oMiracle123/article/details/79245420

版权

本文介绍了一个名为 jQuery Eraser 的插件，该插件能够将目标图片替换为可交互的画布，用户可以通过触摸或鼠标操作擦除图片。文中提供了使用示例代码，并展示了如何设置画笔大小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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