canvasrenderingcontext2d.lineto(number x, number y)
基础库 或更高版本； 若版本较低，建议采取 兼容处理。
主体： 企业支付宝小程序 、 个人支付宝小程序
向当前子路径添加一条线段。
线段起点为当前子路径的最后一个点，线段终点由参数指定。
效果示例
代码示例执行效果。
number x
线段终点的 x 轴坐标。
number y
线段终点的 y 轴坐标。
代码示例
.js
.axml
page({
oncanvasready() {
my.createselectorquery().select('#canvas').node().exec((res) => {
const canvas = res[0].node
const ctx = canvas.getcontext('2d')
// 设置子路径起始位置
ctx.moveto(90, 130)
ctx.lineto(95, 25)
ctx.lineto(150, 80)
ctx.lineto(205, 25)
ctx.lineto(210, 130)
// 绘制线条
ctx.linewidth = 15
ctx.stroke()
})
},
})<canvas id="canvas" type="2d" onready="oncanvasready">canvas>每次调用 lineto 都会将当前子路径的最后一个点作为起点，因此这些线条是连续的。想要绘制不连续的线条，就需要在想断开线条的时候调用 moveto 方法。