后浪云百度小程序教程: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 ,即顺时针 |
指定弧度的方向是逆时针还是顺时针 |
示例
扫码体验
代码示例
请使用百度APP扫码
图片示例
代码示例 1
在开发者工具中打开
在开发者工具中打开
在 WEB IDE 中打开
- SWAN
- JS
<canvas canvas-id="myCanvas" class="myCanvas" />
图片示例
代码示例 2:连续画弧
在开发者工具中打开
在开发者工具中打开
在 WEB IDE 中打开
- SWAN
- JS
<canvas canvas-id="myCanvas"></canvas>
代码示例 3:counterclockwise 为 true
在开发者工具中打开
在开发者工具中打开
在 WEB IDE 中打开
- SWAN
- JS
<canvas canvas-id="myCanvas" class="myCanvas" />
版权声明:
作者:后浪云
链接:https://www.idc.net/help/186478/
文章版权归作者所有,未经允许请勿转载。
THE END