CanvasContext 概述
收藏
canvas 组件 V1 的上下文（即 canvas 组件未指定 type 属性），可以用来控制如何在画布中绘制。可通过 tt.createCanvasContext 获取。
属性
无
方法
方法名 | 说明 | 最低支持版本 |
|---|---|---|
将之前在绘图上下文中的描述（路径、变形、样式）画到 canvas 中 | 1.0.0 | |
开始创建一个新的路径 | 1.0.0 | |
从原始画布中剪切任意形状和尺寸，一旦剪切了某个区域，则所有之后的绘图都会被限制在被剪切的区域内 | 1.0.0 | |
增加一个新点，然后创建一条从上次指定点到目标点的线 | 1.0.0 | |
设置字体的字号 | 1.0.0 | |
设置填充的颜色 | 1.0.0 | |
创建一个线性的渐变颜色，返回的 CanvasGradient 对象 | 1.0.0 | |
设置边框颜色 | 1.0.0 | |
设置全局画笔透明度 | 1.0.0 | |
设置线条虚线样式的间距和长度 | 1.0.0 | |
对当前路径中的内容进行填充，默认的填充色为黑色 | 1.0.0 | |
用于画出当前路径的边框，默认颜色为黑色 | 1.0.0 | |
填充一个矩形，默认颜色为黑色，可通过 CanvasContext.setFillStyle 设置矩形颜色。 | 1.0.0 | |
设置线条颜色 | 1.0.0 | |
绘制图像到画布 | 1.0.0 | |
测量文本尺寸信息。目前仅返回文本宽度 | 1.0.0 | |
在调用后，之后创建的路径其横纵坐标会被缩放。多次调用倍数会相乘 | 1.0.0 | |
以原点为中心顺时针旋转当前坐标轴。多次调用旋转的角度会叠加。原点可以用 CanvasContext.translate 方法修改 | 1.0.0 | |
变换当前坐标系的原点 (0, 0) 。默认的坐标系原点为页面左上角 | 1.0.0 | |
保存绘图上下文，保存当前的绘制状态，包括变换矩阵、剪切区域、虚线列表等 | 1.0.0 | |
恢复之前保存的绘图上下文。包括变换矩阵、剪切区域、虚线列表等 | 1.0.0 | |
清除画布上在该矩形区域内的内容 | 1.0.0 | |
在画布上填充指定文本 | 1.0.0 | |
设置文字的对齐方式 | 1.0.0 | |
设置线条的端点样式 | 1.0.0 | |
设置线条的交点样式。不设置时默认为尖角样式 | 1.0.0 | |
设置线条的宽度。不设置时线条宽度默认为 1px | 1.0.0 | |
设置最大斜接长度。斜接长度指的是在两条线交汇处内角和外角之间的距离 | 1.0.0 | |
设置文字垂直方向的对齐方式。不设置时表现默认为 | 1.0.0 | |
使用矩阵多次叠加当前变换的方法，矩阵由方法的参数进行描述。可以缩放、旋转、移动和倾斜上下文 | 1.0.0 | |
将一个新的子路径的起始点移动到指定点 | 1.0.0 | |
将一个新的子路径的起始点移动到指定点 | 1.0.0 | |
创建一个矩形路径 | 1.0.0 | |
根据指定方向（默认顺时针）从起始点开始创建一条弧线 | 1.0.0 | |
创建二次贝塞尔曲线路径。需要 2 个点。 第一个点是控制点，第二个点是终点 | 1.0.0 | |
创建三次方贝塞尔曲线路径。该方法需要三个点。 第一、第二个点是控制点，第三个点是结束点 | 1.0.0 | |
关闭一个路径，会连接起点和终点 | 1.0.0 |
