学习笔记canvas标签:
1、canvas必须配合js在网页上绘制图像;
2、画布是一个矩形区域,我们可以控制其每一个像素;
3、canvas拥有多种绘制路径、矩形、圆形;
颜色的表示方式:
1、直接用颜色名称:“red”“greed”
2、十六进制颜色值:“#eeeeff”
3、rgb(1-255,1-255,1-255,)
属性:
1、fillStyle:填充绘画的颜色、渐变或模式
2、strokStyle:用于笔触的颜色、渐变或模式
3、shadowColor:用于阴影颜色
4、shadowOffsetX:水平距离偏移量
5、shadowOffsetY:垂直距离偏移量
6、shadowBlur:模糊的级别
getContext():返回一个对象,这个方法封装了很多绘图方法和属性;
但是现在只能提供2d得绘画环境。
rect():创建矩形。
fillRect():绘制填充图形;
createLinearGradient():创建线性渐变
addColorStop():渐变对象种颜色和停止位置