html清除矩形边区域,canvas清除矩形指定颜色

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);

上面代码效果图片：