美文网首页
canvas杂笔记-圆形

canvas杂笔记-圆形

作者: boom_f512 | 来源:发表于2018-10-12 16:12 被阅读0次

    js中,Math.PI 计算角度弧度,Math.PI = 3.14 = 180°

    绘制圆形:

    2*Math.PI = 360°

    绘制半圆:

    Math.PI = 180°

    四分之一圆:

    Math.PI/2 = 90°;

    <body>

    <canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">

    您的浏览器不支持 HTML5 canvas 标签。</canvas>

    <script>

    var c=document.getElementById("myCanvas");

    var ctx=c.getContext("2d");

    ctx.beginPath(); //开始一条路径

    ctx.arc(95,50,40,0,2*Math.PI);  //绘制圆形

    ctx.stroke();

    </script>

    </body>

    效果:

    相关文章

      网友评论

          本文标题:canvas杂笔记-圆形

          本文链接:https://www.haomeiwen.com/subject/qbfeaftx.html