canvascontext 绘图上下文。
属性
| 名称 | 类型 | 只读 | 功能说明 |
|---|---|---|---|
| fillstyle | string | 否 | 填充颜色。用法可参考 。 |
| strokestyle | string | 否 | 边框颜色。用法可参考 。 |
| linewidth | number | 否 | 线条的宽度。用法可参考 。 |
| linecap | string | 否 | 线条的端点样式。用法可参考 。 |
| linejoin | string | 否 | 线条的交点样式。用法可参考 。 |
| miterlimit | number | 否 | 最大斜接长度。用法可参考 。 |
| linedashoffset | number | 否 | 虚线偏移量，初始值为0。 |
| textbaseline | string | 否 | 当前文本的文本基线。用法可参考 。 |
| font | string | 否 | 当前字体样式。符合 的 domstring 字符串，至少需要提供字体大小和字体族名。默认值为 "10px arial"。 |
| textalign | string | 否 | 文本的对齐方式。用法可参考 。 |
| fontsize | number | 否 | 字体大小。用法可参考 。 |
| globalalpha | number | 否 | 全局画笔透明度。范围 0-1，0 表示完全透明，1 表示完全不透明。用法可参考 。 |
| globalcompositeoperation | string | 否 | 在绘制新形状时应用的合成操作的类型。 |
方法
| 名称 | 类型 | 功能说明 |
|---|---|---|
| function | 画一条弧线。 | |
| function | 根据控制点和半径绘制圆弧路径。 | |
| function | 开始创建一个路径，需要调用 fill 或者 stroke 才会使用路径进行填充或描边。 | |
| function | 创建三次方贝塞尔曲线路径。 | |
| canvascontext.clearrect | function | 清除画布上在该矩形区域内的内容。 |
| function | 将当前创建的路径设置为当前剪切路径。 | |
| function | 关闭一个路径。 | |
| canvascontext.createcirculargradient | function | 创建一个圆形的渐变色。起点在圆心，终点在圆环。 |
| canvascontext.createlineargradient | function | 创建一个线性的渐变色。 |
| canvascontext.createradialgradient | function | 创建一个放射性的渐变色。 |
| function | 对指定的图像创建模式的方法，可在指定的方向上重复元图像。 | |
| canvascontext.draw | function | 将之前在绘图上下文中的描述（路径、变形、样式）画到 canvas 中。 |
| canvascontext.drawimage | function | 绘制图像，图像保持原始尺寸。 |
| function | 对当前路径中的内容进行填充。 | |
| function | 填充矩形。 | |
| function | 在画布上绘制被填充的文本。 | |
| function | 获取 canvas 区域隐含的像素数据。 | |
| function | 增加一个新点，然后创建一条从上次指定点到目标点的线。 | |
| function | 测量文本尺寸信息，目前仅返回文本宽度。同步接口。 | |
| function | 把路径移动到画布中的指定点，不创建线条。 | |
| function | 将像素数据绘制到画布。 | |
| function | 创建二次贝塞尔曲线路径。 | |
| function | 创建二次贝塞尔曲线路径。 | |
| function | 恢复之前保存的绘图上下文。 | |
| function | 以原点为中心，原点可以用 translate 方法修改。顺时针旋转当前坐标轴。多次调用 rotate，旋转的角度会叠加。 | |
| function | 保存当前的绘图上下文。 | |
| function | 在调用 scale 方法后，之后创建的路径其横纵坐标会被缩放。多次调用 scale，倍数会相乘。 | |
| function | 设置填充色。 | |
| function | 设置字体大小。 | |
| function | 设置全局画笔透明度。 | |
| function | 设置线条的端点样式。 | |
| function | 设置虚线的样式。 | |
| function | 设置线条的交点样式。 | |
| function | 设置线条的宽度。 | |
| function | 设置最大斜接长度。 | |
| function | 设置阴影样式。 | |
| function | 设置边框颜色。 | |
| function | canvas 2d api 描述绘制文本时，文本的对齐方式的属性。 | |
| function | canvas 2d api 描述绘制文本时，当前文本基线的属性。 | |
| function | 使用单位矩阵重新设置（覆盖）当前的变换并调用变换的方法，此变换由方法的变量进行描述。 | |
| function | 画出当前路径的边框。默认 black。 | |
| function | 画一个矩形（非填充）。 | |
| function | 给定的 (x, y) 位置绘制文本描边的方法。 | |
| canvascontext.todataurl | function | 获取画布指定区域的 data url数据。 |
| canvascontext.totempfilepath | function | 把当前画布的内容导出生成图片，并返回文件路径。 |
| function | 使用矩阵多次叠加当前变换的方法，矩阵由方法的参数进行描述。可以缩放、旋转、移动和倾斜上下文。 | |
| function | 对当前坐标系的原点(0, 0)进行变换，默认的坐标系原点为页面左上角。 |