canvascontext.fill()
主体: 企业支付宝小程序 、 个人支付宝小程序
相关文档: 旧版 canvas 迁移指南
canvascontext.fill 填充当前路径。
此方法会填当前路径的所有子路径。对于未闭合的子路径,会将其当做起点和终点相连的闭合路径填充,但不会真正将路径闭合。
代码示例
.js
.axml
const ctx = my.createcanvascontext('canvas');
// 创建未闭合的子路径
ctx.moveto(10, 10)
ctx.lineto(10, 50)
ctx.lineto(50, 50)
ctx.moveto(70, 50)
ctx.lineto(120, 50)
ctx.lineto(120, 100)
// 创建闭合的矩形子路径
ctx.rect(10, 70, 50, 30)
ctx.fill()
ctx.draw()
<canvas id="canvas">canvas>
两个 l 形未闭合的子路径,填充时会将其当做首尾相连的闭合路径填充。因此最终被填充为两个三角形。
子路径描边
子路径填充