canvasrenderingcontext2d.moveto(number x, number y)
基础库 或更高版本; 若版本较低,建议采取 兼容处理。
主体: 企业支付宝小程序 、 个人支付宝小程序
指定新的子路径起始位置。
number x
新的子路径起始位置的 x 轴坐标。
number y
新的子路径起始位置的 y 轴坐标。
调用 moveto
不调用 moveto
.js
.axml
page({
oncanvasready() {
my.createselectorquery().select('#canvas').node().exec((res) => {
const canvas = res[0].node
const ctx = canvas.getcontext('2d')
// 子路径 1
ctx.moveto(50, 50)
ctx.lineto(200, 50)
// 子路径 2
ctx.moveto(50, 90)
ctx.lineto(280, 120)
ctx.stroke()
})
},
})
<canvas id="canvas" type="2d" onready="oncanvasready">canvas>
代码示例执行效果
.js
.axml
page({
oncanvasready() {
my.createselectorquery().select('#canvas').node().exec((res) => {
const canvas = res[0].node
const ctx = canvas.getcontext('2d')
ctx.moveto(50, 50)
ctx.lineto(200, 50)
// ctx.moveto(50, 90)
ctx.lineto(280, 120)
ctx.stroke()
})
},
})
<canvas id="canvas" type="2d" onready="oncanvasready">canvas>
代码示例执行效果