Canvas 清除畫布(clearRect())
阿新 • • 發佈：2019-01-28
demo.html：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <canvas id="cvs" width="500" height="500"></canvas> <script> var cvs = document.getElementById('cvs'); var ctx = cvs.getContext('2d'); ctx.fillRect( 0, 0, 500, 500 ); /* * 按照矩形的大小來清除畫布中指定位置的內容： * ctx.clearRect( 起點x軸座標，起點y軸座標，寬，高 ); * */ ctx.clearRect( 100, 100, cvs.width, cvs.height ); //清除畫布 // 清除畫布之後，可以重新繪製圖形 ctx.fillStyle = 'blue'; //設定填充的顏色 ctx.fillRect( 110, 110, 20, 20 ); </script> </body> </html>