绘图接口和方法
画一条弧线。
Tip: 创建一个圆可以用arc()
方法指定起始弧度为0,终止弧度为2 * Math.PI
。
Tip: 用stroke()
或者fill()
方法来在 canvas 中画弧线。
参数 | 类型 | 说明 |
---|---|---|
x | Number | 圆的x坐标 |
y | Number | 圆的y坐标 |
r | Number | 圆的半径 |
sAngle | Number | 起始弧度,单位弧度(在3点钟方向) |
eAngle | Number | 终止弧度 |
counterclockwise | Boolean | 可选。指定弧度的方向是逆时针还是顺时针。默认是false,即顺时针。 |
const ctx = wx.createCanvasContext("myCanvas")
// Draw coordinates
ctx.arc(100, 75, 50, 0, 2 * Math.PI)
ctx.setFillStyle("#EEEEEE")
ctx.fill()
ctx.beginPath()
ctx.moveTo(40, 75)
ctx.lineTo(160, 75)
ctx.moveTo(100, 15)
ctx.lineTo(100, 135)
ctx.setStrokeStyle("#AAAAAA")
ctx.stroke()
ctx.setFontSize(12)
ctx.setFillStyle("black")
ctx.fillText("0", 165, 78)
ctx.fillText("0.5*PI", 83, 145)
ctx.fillText("1*PI", 15, 78)
ctx.fillText("1.5*PI", 83, 10)
// Draw points
ctx.beginPath()
ctx.arc(100, 75, 2, 0, 2 * Math.PI)
ctx.setFillStyle("lightgreen")
ctx.fill()
ctx.beginPath()
ctx.arc(100, 25, 2, 0, 2 * Math.PI)
ctx.setFillStyle("blue")
ctx.fill()
ctx.beginPath()
ctx.arc(150, 75, 2, 0, 2 * Math.PI)
ctx.setFillStyle("red")
ctx.fill()
// Draw arc
ctx.beginPath()
ctx.arc(100, 75, 50, 0, 1.5 * Math.PI)
ctx.setStrokeStyle("#333333")
ctx.stroke()
ctx.draw()
针对arc(100, 75, 50, 0, 1.5 * Math.PI)
的三个关键坐标如下:
绘图接口和方法
AudioContextwx.createAudioContext(string id, Object this)从基础库1.6.0开始,本接口停止维护,请使用wx.createInnerAudioCon...
wx.exitVoIPChat(Object object)基础库 2.7.0 开始支持,低版本需做兼容处理。退出(销毁)实时语音通话参数Object object属性类...
wx.getSavedFileList(Object object)获取该小程序下已保存的本地缓存文件列表参数Object object属性类型默认值必填说明successfu...
wx.createMapContext(mapId)创建并返回 map 上下文mapContext对象。在自定义组件下,第二个参数传入组件实例this,以操作组件内m...
subscribeMessage.getPubTemplateTitleList本接口应在服务器端调用,详细说明参见服务端API。本接口支持云调用。需开发者工具版...