path2d canvascontext.createpath2d()
基础库 2.9.79 或更高版本;
支付宝客户端 支持
支小宝客户端 支持
安诊儿客户端 支持
主体: 企业支付宝小程序 、 个人支付宝小程序
创建 path2d 对象。
path2d
path2d 对象。
代码示例
.js
.axml
const ctx = my.createcanvascontext('canvas');
let p1 = ctx.createpath2d()
// 创建未闭合的子路径
p1.moveto(10, 10)
p1.lineto(10, 50)
p1.lineto(50, 50)
p1.moveto(70, 50)
p1.lineto(120, 50)
p1.lineto(120, 100)
let p2 = ctx.createpath2d()
// 创建闭合的矩形子路径
p2.rect(10, 70, 50, 30)
// 填充指定 path2d 路径
ctx.fill(p1)
ctx.fill(p2)
// p1.rect(100, 100, 100, 50);
// p1.arc(200, 200, 50, 0, math.pi);
// p1.arcto(50, 250, 60, 200, 50);
// p1.quadraticcurveto(120, 80, 200, 40);
// p1.beziercurveto(100, 100, 300, 100, 400, 40);
// ctx.beginpath();
// ctx.fillrect(20, 20, 250, 180);
// ctx.closepath();
ctx.stroke();
ctx.draw()
<canvas id="canvas">canvas>