canvascontext.setmiterlimit(number factor)
支付宝客户端 支持
支小宝客户端 支持
安诊儿客户端 支持
主体: 企业支付宝小程序 、 个人支付宝小程序
相关文档: 旧版 canvas 迁移指南 、
限制最大斜接长度。
斜接长度是指两条线交接处内角顶点到外角顶点的距离。超过最大斜接长度的,连接处样式将变为 bevel(斜角)。
number miterlimit
限制系数。最大斜接长度 = 限制系数 * 线条宽度(由 设置)
代码示例
.js
.axml
const ctx = my.createcanvascontext('canvas')
ctx.beginpath()
ctx.setlinewidth(15)
ctx.setlinejoin('miter')
ctx.setmiterlimit(1)
ctx.moveto(10, 10)
ctx.lineto(100, 50)
ctx.lineto(10, 90)
ctx.stroke()
ctx.beginpath()
ctx.setlinewidth(15)
ctx.setlinejoin('miter')
ctx.setmiterlimit(2)
ctx.moveto(50, 10)
ctx.lineto(140, 50)
ctx.lineto(50, 90)
ctx.stroke()
ctx.beginpath()
ctx.setlinewidth(15)
ctx.setlinejoin('miter')
ctx.setmiterlimit(2.5)
ctx.moveto(90, 10)
ctx.lineto(180, 50)
ctx.lineto(90, 90)
ctx.stroke()
ctx.draw()
<canvas id="canvas">canvas>
代码示例执行效果
默认标题0