CanvasContext

canvas 组件 V1 的上下文(即 canvas 组件未指定 type 属性)。可以用来控制如何在画布中绘制。可通过 tt.createCanvasContext 获取。

属性

无

方法

方法名	说明	最低支持版本
draw	将之前在绘图上下文中的描述（路径、变形、样式）画到 canvas 中	1.0.0
beginPath	开始创建一个新的路径	1.0.0
clip	从原始画布中剪切任意形状和尺寸，一旦剪切了某个区域，则所有之后的绘图都会被限制在被剪切的区域内	1.0.0
lineTo	增加一个新点，然后创建一条从上次指定点到目标点的线	1.0.0
setFontSize	设置字体的字号	1.0.0
setFillStyle	设置填充的颜色	1.0.0
createLinearGradient	创建一个线性的渐变颜色，返回的 CanvasGradient 对象	1.0.0
setStrokeStyle	设置边框颜色	1.0.0
setGlobalAlpha	设置全局画笔透明度	1.0.0
setShadow	设置阴影的位置和颜色	1.0.0
setLineDash	设置线条虚线样式的间距和长度	1.0.0
fill	对当前路径中的内容进行填充，默认的填充色为黑色	1.0.0
stroke	用于画出当前路径的边框，默认颜色为黑色	1.0.0
fillRect	填充一个矩形，默认颜色为黑色，可通过 CanvasContext.setFillStyle 设置矩形颜色。	1.0.0
strokeRect	设置线条颜色	1.0.0
drawImage	绘制图像到画布	1.0.0
measureText	测量文本尺寸信息。目前仅返回文本宽度	1.0.0
scale	在调用后，之后创建的路径其横纵坐标会被缩放。多次调用倍数会相乘	1.0.0
rotate	以原点为中心顺时针旋转当前坐标轴。多次调用旋转的角度会叠加。原点可以用 CanvasContext.translate 方法修改	1.0.0
translate	变换当前坐标系的原点 (0, 0) 。默认的坐标系原点为页面左上角	1.0.0
save	保存绘图上下文，保存当前的绘制状态，包括变换矩阵、剪切区域、虚线列表等	1.0.0
restore	恢复之前保存的绘图上下文。包括变换矩阵、剪切区域、虚线列表等	1.0.0
clearRect	清除画布上在该矩形区域内的内容	1.0.0
fillText	在画布上填充指定文本	1.0.0
setTextAlign	设置文字的对齐方式	1.0.0
setLineCap	设置线条的端点样式	1.0.0
setLineJoin	设置线条的交点样式。不设置时默认为尖角样式	1.0.0
setLineWidth	设置线条的宽度。不设置时线条宽度默认为 1px	1.0.0
setMiterLimit	设置最大斜接长度。斜接长度指的是在两条线交汇处内角和外角之间的距离	1.0.0
setTextBaseline	设置文字垂直方向的对齐方式。不设置时表现默认为 alphabetic	1.0.0
transform	使用矩阵多次叠加当前变换的方法，矩阵由方法的参数进行描述。可以缩放、旋转、移动和倾斜上下文	1.0.0
setTransform	将一个新的子路径的起始点移动到指定点	1.0.0
moveTo	将一个新的子路径的起始点移动到指定点	1.0.0
rect	创建一个矩形路径	1.0.0
arc	根据指定方向（默认顺时针）从起始点开始创建一条弧线	1.0.0
quadraticCurveTo	创建二次贝塞尔曲线路径。需要 2 个点。 第一个点是控制点，第二个点是终点	1.0.0
bezierCurveTo	创建三次方贝塞尔曲线路径。该方法需要三个点。 第一、第二个点是控制点，第三个点是结束点	1.0.0
closePath	关闭一个路径，会连接起点和终点	1.0.0