CanvasRenderingContext2D提供的属性

1.fillStyle

设置填充路径时所用的填充风格，该属性支持3种类型的值：

1）符合颜色格式的字符串值，表明使用纯色填充

2)CanvasGradient,表明使用渐变填充

3）CanvasPattern，表明使用位图填充

 

2.strokeStyle

设置绘制路径时所用的填充风格，该属性支持3种类型的值：

1）符合颜色格式的字符串值，表明使用纯色填充

2）CanvasGradient，表明使用渐变填充

3）CanvasPattern，表明使用位图填充

 

3.font

设置绘制字符串时所用的字体

 

4.globalAlpha

设置全局透明度

 

5.globalCompositeOperation

设置全局的叠加效果

 

6.lineCap

设置线段端点的绘制形状，该属性支持如下3个值

1）butt，该属性值指定不绘制端点。线条结尾处直接结束。这是默认的属性值

2）round，该属性值指定绘制圆形端点。线条结尾处绘制一个直径为线条宽度的半圆

3）square，该属性值指定绘制方形端点。线条结尾处绘制半个边长为线条宽度的正方形。需要说明的是，这种形状的端点与butt形状的端点十分相似，只是采用这种形式的端点的线条略长一点而已

 

7.lineJoin

设置线条连接点的风格，该属性支持如下3个值：

1）meter，这是默认的属性值

2）round，该方格的连接点形状如。。。。

3）bevel，该风格的连接点形状如。。。。

 

8.miterLimit

当把lineJoin属性设为meter风格时，该属性控制锐角箭头的长度

 

9.lineWidth

设置笔触线条的宽度

 

10.shadowBlur

设置阴影的模糊度

 

11.shadowColor

设置阴影的颜色

 

12.shadowOffsetX

设置阴影在X方向的偏移

 

13.shadowOffsetY

设置阴影在Y方向的偏移

 

14.textAlign

设置绘制字符串的水平对齐方式，该属性支持start，end，left，right，center等属性值

 

15.textBaseAlign

设置绘制字符串的垂直对齐方式，该属性支持top，hanging，middle，alphabetic，idecgraphic，bottom等属性值