简单实现两种矩形的绘制:
第一种矩形背景填充简单说就是背景填充的实心矩形
代码实现:
绘制一个实心矩形cv.fillRect(x,y,width,height)绘制之前声明绘制的实心矩形颜色使用fillStyle...cv.fillRect(100,100,200,200);
}
第二种矩形有线条构成,矩形内部没有填充可以设置矩形线条的颜色,线条宽度也叫空心矩形
代码实现:
绘制一个空心矩形...cv.strokeRect(x,y,width,height)绘制之前声明绘制的实心矩形颜色使用strokeStyle,线条宽度使用lineWidth=10;表示线条宽度10像素!...空心矩形strokerect(x,y,width,height)
cv.strokeRect(50,80,220,220);
}
注意:填充使用fillRect,绘制空心使用...strokeRect,样式等属性使用在构造矩形之前进行使用,填充相关使用fill,空心相关的使用stroke
----
get一下:
在矩形内进行清除已经绘制矩形的某个区域可以使用清除实现