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