canvas绘制圆弧

1 篇文章 0 订阅

API

  • arc()

arc(x, y, radius, startAngle, endAngle [, anticlockwise])

参数:

  • x,y表示圆心坐标,
  • radius表示半径,
  • startAngle,endAngle表示圆弧起始角度和结束角度
  • anticlockwise表示绘制方向,true表示逆时针,false表示顺时针,默认值为false,即顺时针

圆弧的单位是弧度。在一个圆周上,其角度是在笛卡尔坐标系下定义的,从圆右侧的0π开始,按顺时针方向依次经过π/2、π、3π/2、2π。角度的位置是规定好的,并且固定不变,与顺时针还是逆时针无关。如下图所示

在这里插入图片描述

  • 其实角度无须在0-2 π 之间,旋转时,角度可以重叠
  • Canvas中的所有角度都是以弧度为单位的,可以使用 degreesMath.PI/180 公式将角度转换为弧度。如20度,用弧度表示为20Math.PI/180。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值