canvas -- 画一个五角星

最新推荐文章于 2024-03-15 18:49:34 发布

阿渡渡渡渡渡渡

最新推荐文章于 2024-03-15 18:49:34 发布

阅读量514

点赞数

分类专栏： canvas

本文链接：https://blog.csdn.net/qq_44867271/article/details/106698316

版权

首先可以用把每个点的坐标全部写出来的傻瓜方法，这里就不作详解

来看看结合高中数学知识的方法

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>画五角星</title>
</head>

<body>
    <canvas id="canvas" style="display: block; margin: 50px auto;"></canvas>
    <script>
        window.onload = function () {
   
            var cnavas = document.getElementById('canvas');
            var context = canvas.getContext('2d');
            canvas.width = 800;
            cnavas.height = 800;

            context.beginPath();
            for(var i = 0; i < 5; i ++){
   
                // 外圈点
                context.lineTo(Math.cos( (18 + i * 72) / 180 * Math.PI ) * 300 + 400,
                                -Math.sin( (18 + i * 72) /

最低0.47元/天解锁文章

阿渡渡渡渡渡渡

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
canvas -- 画一个五角星

首先可以用把每个点的坐标全部写出来的傻瓜方法，这里就不作详解来看看结合高中数学知识的方法<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>画五角星</title></head><body> <canvas id="canvas" style="display: block; margin: 50px auto
复制链接

扫一扫