后浪云百度小程序教程:CanvasContext.arc

  • CanvasContext.arc
    • 方法参数
    • 示例
      • 图片示例
      • 代码示例 1
      • 图片示例
      • 代码示例 2:连续画弧
      • 代码示例 3:counterclockwise 为 true

    CanvasContext.arc

    解释:画一条弧线。

    方法参数

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

    x

    Number

    圆的 x 坐标

    y

    Number

    圆的 y 坐标

    r

    Number

    圆的半径

    sAngle

    Number

    起始弧度(单位:弧度),在 3 点钟方向)

    eAngle

    Number

    终止弧度

    counterclockwise

    Boolean

    false ,即顺时针

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

    示例

    扫码体验

    代码示例

    后浪云百度小程序教程:CanvasContext.arc插图

    请使用百度APP扫码

    图片示例

    后浪云百度小程序教程:CanvasContext.arc插图1

    代码示例 1

    在开发者工具中打开

    在开发者工具中打开

    在 WEB IDE 中打开

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

    图片示例

    后浪云百度小程序教程:CanvasContext.arc插图2

    代码示例 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" />
    THE END