微信小程序API 绘图setLineJoin（设置线条交点样式）

本文整理自网络，侵删。

绘图接口和方法

canvasContext.setLineJoin

定义

设置线条的交点样式。

参数

参数	类型	范围	说明
lineJoin	String	'bevel'、'round'、'miter'	线条的结束交点样式

例子

const ctx = wx.createCanvasContext('myCanvas')ctx.beginPath()ctx.moveTo(10, 10)ctx.lineTo(100, 50)ctx.lineTo(10, 90)ctx.stroke()ctx.beginPath()ctx.setLineJoin('bevel')ctx.setLineWidth(10)ctx.moveTo(50, 10)ctx.lineTo(140, 50)ctx.lineTo(50, 90)ctx.stroke()ctx.beginPath()ctx.setLineJoin('round')ctx.setLineWidth(10)ctx.moveTo(90, 10)ctx.lineTo(180, 50)ctx.lineTo(90, 90)ctx.stroke()ctx.beginPath()ctx.setLineJoin('miter')ctx.setLineWidth(10)ctx.moveTo(130, 10)ctx.lineTo(220, 50)ctx.lineTo(130, 90)ctx.stroke()ctx.draw()

绘图接口和方法

标签：微信小程序

相关阅读 >>

微信小程序云开发api 获取记录的引用

微信小程序 列表渲染 wxfor

微信小程序 ｄｅｌｅｔｅ

微信小程序 快递接口(商家查看)-联系我们

微信小程序框架视图层(view)

微信小程序api nfc-取消事件监听

微信小程序api 发起请求

微信小程序 消息-订阅消息

微信小程序画布 canvas

微信小程序工具细节点

更多相关阅读请进入《微信小程序》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者