小程序API能力集成指南——画布API汇总（二）

createCanvasContext 

ty.createCanvasContext(string canvasId)

创建 canvas 的绘图上下文 CanvasContext 对象

参数

string canvasId

要获取上下文的 canvas 组件 canvas-id 属性

返回值

CanvasContext

CanvasContext

canvas 组件的绘图上下文。

方法如下（1）：

draw

CanvasContext.draw

CanvasContext.draw()

功能描述

将之前在绘图上下文中的描述（路径、变形、样式）画到 canvas 中。

示例代码

const ctx = ty.createCanvasContext('myCanvas');
 
ctx.setFillStyle('red');
ctx.fillRect(10, 10, 150, 100);
ctx.draw();
ctx.fillRect(50, 50, 150, 100);
ctx.draw();

createLinearGradient

CanvasGradient CanvasContext.createLinearGradient

CanvasContext.createLinearGradient(number x0, number y0, number x1, number y1)

功能描述

创建一个线性的渐变颜色。返回的 CanvasGradient 对象需要使用 CanvasGradient.addColorStop() 来指定渐变点，至少要两个。

参数

number x0

起点的 x 坐标

number y0

起点的 y 坐标

number x1

终点的 x 坐标

number y1

终点的 y 坐标

返回值

CanvasGradient

示例代码

const ctx = ty.createCanvasContext('myCanvas');
 
// Create linear gradient
const grd = ctx.createLinearGradient(0, 0, 200, 0);
grd.addColorSt