简单实现两种矩形的绘制:
第一种矩形背景填充简单说就是背景填充的实心矩形
代码实现:
绘制一个实心矩形cv.fillRect(x,y,width,height)绘制之前声明绘制的实心矩形颜色使用fillStyle...document.getElementById('canvas');
//获取绘画环境
var cv=c.getContext('2d');
//指定填充颜色
cv.fillStyle='red';
//绘制一个矩形...,矩形内部没有填充可以设置矩形线条的颜色,线条宽度也叫空心矩形
代码实现:
绘制一个空心矩形cv.strokeRect(x,y,width,height)绘制之前声明绘制的实心矩形颜色使用strokeStyle...strokeRect,样式等属性使用在构造矩形之前进行使用,填充相关使用fill,空心相关的使用stroke
----
get一下:
在矩形内进行清除已经绘制矩形的某个区域可以使用清除实现...strokerect(x,y,width,height)
// cv.strokeRect(50,80,220,220);
//清除绘图部分clearRect(x,y,width,height),清空矩形内的像素
云服务器
ICP备案
腾讯会议
云直播
对象存储
