canvas-颜色和样式

颜色

fillStyle = color

设置图形的填充颜色。

strokeStyle = color

设置图形轮廓的颜色。

color可以是表示 CSS 颜色值的字符串，渐变对象或者图案对象，默认情况下，线条和填充颜色都是黑色（CSS 颜色值#000000）。

---

透明度

globalAlpha = transparencyValue

这个属性影响到 canvas 里所有图形的透明度，有效的值范围是 0.0 （完全透明）到 1.0（完全不透明），默认是 1.0。

或者：

// 指定透明颜色，用于描边和填充样式

ctx.strokeStyle="rgba(255,0,0,0.5)";

ctx.fillStyle="rgba(255,0,0,0.5)";

---

线性

lineWidth = value

设置线条宽度。

lineCap = type

设置线条末端样式。

lineJoin = type

设定线条与线条间接合处的样式。

miterLimit = value

限制当两条线相交时交接处最大长度；所谓交接处长度（斜接长度）是指线条交接处内角顶点到外角顶点的长度。

getLineDash()

返回一个包含当前虚线样式，长度为非负偶数的数组。

setLineDash(segments)

设置当前虚线样式。

lineDashOffset = value

设置虚线样式的起始偏移量