C语言Arc函数画圆弧,用Canvas的arc函数绘制圆和图形

本文介绍了如何使用C语言的Arc函数在Canvas上绘制各种圆弧,包括转换角度为弧度的公式,以及通过改变startAngle和endAngle参数创建不同形状的圆弧。还展示了如何封装函数来批量绘制随机位置的圆,并讲解了JavaScript中的Math.random()函数用于生成随机数。
摘要由CSDN通过智能技术生成

Canvas没有circle函数来画一个圆。在Canvas绘图API中,提供了一个函数来绘制不同的弧,包括圆。arc函数可接受以下参数,具体说明参见表

71c91a5cbcaa0d3c96a5cd572eba8e05.png

把角度转换为弧度

arc函数使用的angle参数指的是radian(弧度)而不是degree(角度)。如果原来习惯于使用角度,那么就需要在把angle参数值传入arc函数之前将角度值转换成弧度值。可以用下面的公式来转换角度单位:

Radians = π/180 X degrees

下图用角度和弧度两种单位显示了一些常用的角度值。在Canvas中绘制圆弧时,该图指明了角度值的位置,还能帮助我们很容易地选择起点角度与终点角度参数

169037f28299f39b525cc1c242e3321c.png

用arc函数绘制不同的圆弧

var canvas = document.getElementById('game');

var ctx = canvas.getContext('2d');

ctx.filSytle = "rgba(200,200,100,0.6)";

//绘制下半圆

ctx.beginPath();

ctx.arc(10

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值