小程序刻度盘
2018-08-03 本文已影响29人
Frankeen
注意要点:
1,通过小程序提供的canvas组件来绘制。需要注意地方是自定义的组件的包含canvas的时候,创建 canvas 绘图上下文需要使用wx.createCanvasContext(canvasId, this),有疑问请查看微信小程序api介绍https://developers.weixin.qq.com/miniprogram/dev/api/canvas/create-canvas-context.html
2,通过三角函数sin和cos计算x,y坐标
效果图:

git地址:https://github.com/fuxingkai/frankui-weapp