html>

canvas{

background:?dodgerblue;

}

//獲得畫板

var?nntt?=?document.getElementById("nntt");

//獲得繪畫環境

//'2d'平面的繪畫環境畫布

var?cv?=?nntt.getContext('2d');

//后加上去的,

cv.fillStyle?=?'#006400';

cv.fillRect(0,0,800,500);

//指定顏色放前面

cv.fillStyle?=?'#DB7093';

//繪制一個填充矩形

//這里有的是cv?圖片里的是context.fillRect?前面這個可以自已命名的

//繪制開始從左邊200,上面100開始.寬度260,高度199?但繪制出來是沒有指定顏色默認的黑色。

cv.fillRect(200,100,260,199);

//清除指定矩形顏色

//cv.clearRect(300,100,100,50);

//用這個看效果

cv.clearRect(300,200,100,50);

上面代碼效果圖片：

總結

以上是生活随笔為你收集整理的html清除矩形边区域,canvas清除矩形指定颜色的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。