canvasrenderingcontext2d.closepath()
基础库 或更高版本; 若版本较低,建议采取 兼容处理。
主体: 企业支付宝小程序 、 个人支付宝小程序
关闭当前子路径。
会以直线连接当前子路径的起点和最后一个点。
代码示例
.js
.axml
page({
oncanvasready() {
my.createselectorquery().select('#canvas').node().exec((res) => {
const canvas = res[0].node
const ctx = canvas.getcontext('2d')
ctx.beginpath()
// 创建三角形底和高并关闭路径
ctx.moveto(20, 20)
ctx.lineto(20, 120)
ctx.lineto(120, 120)
ctx.closepath()
ctx.stroke()
ctx.beginpath()
// 创建三角形底和高但不关闭路径
ctx.moveto(130, 20)
ctx.lineto(130, 120)
ctx.lineto(230, 120)
// ctx.closepath()
ctx.stroke()
})
},
})
<canvas id="canvas" type="2d" onready="oncanvasready">canvas>
只创建三角形的底和高,关闭路径时会以直线连接当前子路径的起点和最后一个点。
关闭路径
不关闭路径