微信小程序API 绘图setMiterLimit（设置最大倾斜）-木庄网络博客

本文整理自网络，侵删。

绘图接口和方法

canvasContext.setMiterLimit

定义

设置最大斜接长度，斜接长度指的是在两条线交汇处内角和外角之间的距离。当setLineJoin()为 miter 时才有效。超过最大倾斜长度的，连接处将以 lineJoin 为 bevel 来显示

参数

参数	类型	说明
miterLimit	Number	最大斜接长度

例子

const ctx = wx.createCanvasContext('myCanvas')
ctx.beginPath()
ctx.setLineWidth(10)
ctx.setLineJoin('miter')
ctx.setMiterLimit(1)
ctx.moveTo(10, 10)
ctx.lineTo(100, 50)
ctx.lineTo(10, 90)
ctx.stroke()

ctx.beginPath()
ctx.setLineWidth(10)
ctx.setLineJoin('miter')
ctx.setMiterLimit(2)
ctx.moveTo(50, 10)
ctx.lineTo(140, 50)
ctx.lineTo(50, 90)
ctx.stroke()

ctx.beginPath()
ctx.setLineWidth(10)
ctx.setLineJoin('miter')
ctx.setMiterLimit(3)
ctx.moveTo(90, 10)
ctx.lineTo(180, 50)
ctx.lineTo(90, 90)
ctx.stroke()

ctx.beginPath()
ctx.setLineWidth(10)
ctx.setLineJoin('miter')
ctx.setMiterLimit(4)
ctx.moveTo(130, 10)
ctx.lineTo(220, 50)
ctx.lineTo(130, 90)
ctx.stroke()

ctx.draw()

绘图接口和方法

标签：微信小程序

相关阅读 >>

微信小程序自定义组件扩展

微信小程序运维中心getjserrsearch

在微信小程序api绘图中创建三次方贝塞尔曲线路径

微信小程序api 文件-获取本地文件信息

微信小程序运力方使用onorderreadd

微信小程序设计规范（4）统一稳定

微信小程序api 实时语音-更新静音设置

微信小程序api 用户信息 wx.getuserinfo(object)

微信小程序运力方使用updatepath