注意要點(diǎn):
1,通過小程序提供的canvas組件來繪制江醇。需要注意地方是自定義的組件的包含canvas的時(shí)候,創(chuàng)建 canvas 繪圖上下文需要使用wx.createCanvasContext(canvasId, this)质况,有疑問請(qǐng)查看微信小程序api介紹https://developers.weixin.qq.com/miniprogram/dev/api/canvas/create-canvas-context.html
2横堡,使用canvasContext.setLineDash虛線完成之后,可以通過以下方式讓之后的線條變回實(shí)線。
canvasContext.setLineDash([10,0],0)
3煞肾,使用canvasContext.createLinearGradient漸變之后咧织,可以通過以下方式讓之后的畫筆回歸正常效果
let bgrd = context.createLinearGradient(0, 0, 1, 1);
bgrd.addColorStop(0, items.point.bColor)
bgrd.addColorStop(1, items.point.bColor)
context.setFillStyle(bgrd);