canvascontext.beginpath()
支付宝客户端 支持
支小宝客户端 支持
安诊儿客户端 支持
主体： 企业支付宝小程序 、 个人支付宝小程序
相关文档： 旧版 canvas 迁移指南
开始一个新的路径。
效果示例
代码示例运行效果
默认标题0
代码示例
.js
.axml
const ctx = my.createcanvascontext('canvas')
// 第一条路径
ctx.beginpath();
// 设置描边颜色
ctx.setstrokestyle("blue");
ctx.moveto(20, 20);
ctx.lineto(200, 20);
ctx.stroke();
// 第二条路径
ctx.beginpath();
ctx.setstrokestyle("green");
ctx.moveto(20, 20);
ctx.lineto(120, 120);
ctx.stroke();
// 第三条路径,有两条子路径
ctx.beginpath();
ctx.setstrokestyle("red");
// 子路径 1
ctx.moveto(100, 50);
ctx.lineto(280, 50);
// 子路径 2
ctx.moveto(100, 50);
ctx.lineto(200, 150);
ctx.stroke();
ctx.draw();
<canvas id="canvas">canvas>
此示例中共有三条路径。其中第一、第二条路径中，只有一条子路径，第三条路径有两条子路径。stroke 的作用范围从最近一次 beginpath 开始。