CanvasContext.arc

解释：画一条弧线。

方法参数

参数名属性必填默认值说明

x

Number

是

圆的 x 坐标

y

Number

是

圆的 y 坐标

r

Number

是

圆的半径

sAngle

Number

是

起始弧度（单位：弧度），在 3 点钟方向）

eAngle

Number

是

终止弧度

counterclockwise

Boolean

否

false ，即顺时针

指定弧度的方向是逆时针还是顺时针

示例

扫码体验

代码示例

百度智能小程序

请使用百度APP扫码

图片示例

图片

代码示例 1

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

  • SWAN
  • JS
  1. <canvas canvas-id="myCanvas" class="myCanvas" />

图片示例

CanvasContext.arc - 图3

代码示例 2：连续画弧

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

  • SWAN
  • JS
  1. <canvas canvas-id="myCanvas"></canvas>

代码示例 3：counterclockwise 为 true

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

  • SWAN
  • JS
  1. <canvas canvas-id="myCanvas" class="myCanvas" />