清空canvas畫布內容

1、重置寬或高

由于canvas每當高度或寬度被重設時，畫布內容就會被清空，因此可以用以下方法清空：（此方法僅限需要清除全部內容的情況）

var c=document.getElementById("myCanvas");  
c.width=c.width;

 

2、clearRect

1 var c=document.getElementById("myCanvas");2 var ctx=c.getContext("2d");3 ctx.fillStyle="red";4 ctx.fillRect(0,0,300,150);5 ctx.clearRect(20,20,100,50);

大學生就業(yè)培訓,高中生培訓,在職人員轉行培訓,企業(yè)團訓

3、globalCompositeOperation

引用globalCompositeOperation()函數，這個函數是用來在畫布上組合顏色，我們可以利用這個原理，疊加(數學上的"或"原理)來制作橡皮。

首先看看 globalCompositeOperation屬性可以設置的值有哪些，分別是什么效果：

  1. 值描述
    source-over默認。在目標圖像上顯示源圖像。
    source-atop在目標圖像頂部顯示源圖像。源圖像位于目標圖像之外的部分是不可見的。
    source-in在目標圖像中顯示源圖像。只有目標圖像內的源圖像部分會顯示，目標圖像是透明的。
    source-out在目標圖像之外顯示源圖像。只會顯示目標圖像之外源圖像部分，
        
        	
        
        
    
  



 
	
	
	

	
	
	
    
		
		


    
    
    我想了解如何學習
    
    
    
        






    




    
    
    
    



    
    

    
    
 	




    


	
    
     	
    
    		姓名：
    		
    		
    	
    

    	  	
    	
    
    		手機：
    		
    		
    	
    
	
    
    
    
    	
    	
    
    		留言：