CanvasRenderingContext2D
CanvasRenderingContext2D 对象提供了一组用来在画布上绘制的图形函数。
CanvasRenderingContext2D()
继承层次
Object.prototype
Function.prototype
CanvasRenderingContext2D
构造函数
程序不能直接调用该构造函数，否则将会产生异常。
属性列表
| 属性 | 说明 |
|---|---|
| - | - |
方法列表
| 语法 | 说明 |
|---|---|
| - | - |
CanvasRenderingContext2D.prototype
继承层次
Object.prototype
CanvasRenderingContext2D.prototype
属性列表
| 属性 | 说明 |
|---|---|
| canvas | 这个环境可以绘制于其上的 Canvas 元素。 |
| fillStyle | 用来填充路径的当前的颜色、模式或渐变。 |
| globalAlpha | 指定在画布上绘制的内容的不透明度。这个值的范围在 0.0（完全透明）和 1.0（完全不透明）之间。默认值为 1.0。 |
| globalCompositeOperation | 指定颜色如何与画布上已有的颜色组合（合成）。 |
| lineCap | 指定线条的末端如何绘制。合法的值是 “butt”、“round” 和 “square”。默认值是 “butt”。 |
| lineJoin | 指定两条线条如何连接。合法的值是 “round”、“bevel” 和 “miter”。默认值是 “miter”。 |
| lineWidth | 指定了画笔（绘制线条）操作的线条宽度。默认值是 1.0，并且这个属性必须大于0。 |
| miterLimit | 当 lineJoin 属性为 “miter” 的时候，这个属性指定了斜连接长度和线条宽度的最大比率。 |
| shadowBlur | 指定羽化阴影的程度。默认值是0。 |
| shadowColor | 把阴影的颜色指定为一个 CSS 字符串或 Web 样式字符串，并且可以包含一个 alpha 部分来表示透明度。默认值是 black。 |
| shadowOffsetX, shadowOffsetY | 指定阴影的水平偏移和垂直偏移。较大的值使得阴影化的对象似乎漂浮在背景的较高位置上。默认值是 0。 |
| strokeStyle | 指定了用于画笔（绘制）路径的颜色、模式和渐变。 |
方法列表
| 语法 | 说明 |
|---|---|
| arc() | 用一个中心点和半径，为一个画布的当前子路径添加一条弧线。 |
| arcTo() | 使用目标点和一个半径，为当前的子路径添加一条弧线。 |
| beginPath() | 开始一个画布中的一条新路径（或者子路径的一个集合）。 |
| bezierCurveTo() | 为当前的子路径添加一个三次贝塞尔曲线。 |
| clearRect() | 在一个画布的一个矩形区域中清除掉像素。 |
| clip() | 使用当前路径作为连续绘制操作的剪切区域。 |
| closePath() | 如果当前子路径是打开的，就关闭它。 |
| createLinearGradient() | 返回代表线性颜色渐变的一个 CanvasGradient 对象。 |
| createPattern() | 返回代表贴图图像的一个 CanvasPattern 对象。 |
| createRadialGradient() | 返回代表放射颜色渐变的一个 CanvasGradient 对象。 |
| drawImage() | 绘制一幅图像。 |
| fill() | 使用指定颜色、渐变或模式来绘制或填充当前路径的内部。 |
| fillRect() | 绘制或填充一个矩形。 |
| lineTo() | 为当前的子路径添加一条直线线段。 |
| moveTo() | 设置当前位置并开始一条新的子路径。 |
| quadraticCurveTo() | 为当前路径添加一条贝塞尔曲线。 |
| rect() | 为当前路径添加一条矩形子路径。 |
| restore() | 为画布重置为最近保存的图像状态。 |
| rotate() | 旋转画布。 |
| save() | 保存 CanvasRenderingContext2D 对象的属性、剪切区域和变换矩阵。 |
| scale() | 根据 x 水平方向和 y 垂直方向，为 canvas 单位添加缩放变换。 |
| stroke() | 沿着当前路径绘制或画一条直线。 |
| strokeRect() | 绘制（但不填充）一个矩形。 |
| translate() | 转换画布的用户坐标系统。 |
CanvasRenderingContext2D实例
Object.prototype
CanvasRenderingContext2D.prototype
CanvasRenderingContext2D 实例