canvascontext.setlinejoin(string linejoin)
主体： 企业支付宝小程序 、 个人支付宝小程序
相关文档： 旧版 canvas 迁移指南
canvascontext.setlinejoin 用于设置线条的交点样式。
效果示例
示例代码执行效果
string linejoin
线条的交点样式。默认为尖角 miter 。
| 枚举值 | 描述 | 兼容性 |
|---|---|---|
| round | 圆角。 | - |
| bevel | 斜角。 | - |
| miter | 尖角。 | - |
绘制不同样式线条
.js
.axml
const ctx = my.createcanvascontext('canvas')
ctx.setlinewidth(30)
// 画一个 l 形
ctx.beginpath()
ctx.setlinejoin('miter')
ctx.moveto(30, 80)
ctx.lineto(30, 190)
ctx.lineto(140, 190)
ctx.stroke()
ctx.beginpath()
ctx.setlinejoin('bevel')
ctx.moveto(70, 40)
ctx.lineto(70, 150)
ctx.lineto(180, 150)
ctx.stroke()
ctx.beginpath()
ctx.setlinejoin('round')
ctx.moveto(110, 0)
ctx.lineto(110, 110)
ctx.lineto(220, 110)
ctx.stroke()
ctx.draw()<canvas id="canvas">canvas>