createCanvasContext
ty.createCanvasContext(string canvasId)
创建 canvas 的绘图上下文 CanvasContext 对象
参数
string canvasId
要获取上下文的 canvas 组件 canvas-id 属性
返回值
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 坐标
返回值
示例代码
const ctx = ty.createCanvasContext('myCanvas');
// Create linear gradient
const grd = ctx.createLinearGradient(0, 0, 200, 0);
grd.addColorSt