弧度和绘图

最新推荐文章于 2024-01-06 22:03:55 发布

weixin_44740410

最新推荐文章于 2024-01-06 22:03:55 发布

阅读量305

点赞数

本文链接：https://blog.csdn.net/weixin_44740410/article/details/90181028

版权

本文详细介绍了如何通过编程技术绘制一个精确的六等分圆，包括关键的弧度计算和图像渲染步骤，适合对图形编程感兴趣的读者。

摘要由CSDN通过智能技术生成

弧度:一种长度单位,两天射线从圆心向圆周射出,形成一个夹角,而夹角所对应的那条线段就叫弧度
当弧长=圆的半径r,两条射线的夹角的弧度=1
一个圆的弧度:2πr/r=2π---360度  对应的弧度2π
---1°=2π/360
绘制圆弧的 方法:arc(x,y,r,起始弧度,结束弧度,是否逆时针)

<canvas width="600" height="500" id="cvs">

</canvas>
<script>
    var canvas=document.querySelector('#cvs');
    canvas.style.border='1px solid red';
    var ctx=canvas.getContext('2d');
//    开始角度30°  结束角度180°
    ctx.arc(300,300,100,Math.PI/6,Math.PI,true);
    ctx.stroke();
    // ctx.fill();
</script>
</body>

绘制六等分圆

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<canvas width="600" height="500" id="cvs">
</canvas>
<script>
    var cvs=document.querySelector('#cvs');
    var ctx=cvs.g