HTML5标准程序--画一个半圆

最新推荐文章于 2024-01-30 12:19:15 发布

remeber6666

最新推荐文章于 2024-01-30 12:19:15 发布

阅读量8k

点赞数 1

分类专栏： HTML5

本文链接：https://blog.csdn.net/syf6568362/article/details/50447753

版权

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>throw1</title>

--script内容：
    <script type="text/javascript">

--init()初始化:
        function init(){

--变量ctx设置调用画布
            var ctx=document.getElementById("canvas");
            ctx=ctx.getContext('2d');

--开始画圆弧
            ctx.beginPath();

--设置颜色
            ctx.strokeStyle="rgb(200,0,0)";

--设置圆心的横纵坐标，50是半径，0是开始的角度，画一个半圆（2*math.PI是整个圆）,false表示逆时针
            ctx.arc(200,200,50,0,Math.PI,false);

--闭合路径
            ctx.closePath();

--填充满（不设置颜色则为默认黑色）
            ctx.fill();
        }

    </script>
</head>
--加载页面后，调用ini();
<body οnlοad="init();">

--设置画布，id，宽，高
    <canvas id="canvas" width="1000" height="600">

--以下内容为如果浏览器不识别canvas时显示
        your browser dons't support the HTML5 element canvas
    </canvas>


</body>
</html>

优惠劵

关注关注