JavaScript canvas Math 报错 帮忙看看 感谢!
 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>3-2 画一个五角星</title>
</head>
<body>

<canvas id="canvas" style="border: 1px solid #aaa; display: block;margin: 50px auto;">当前浏览器不支持Canvas,请更换浏览器再试</canvas>

<script>
    window.onload = function(){
        var canvas = document.getElementById("canvas");

        canvas.width = 800;
        canvas.height = 800;

        var context = canvas.getContext("2d"); //context绘制




        context.lineWidth = 10;
        drawStar(context, 150, 300, 400, 400);
    }

    function drawStar(cxt, r, R, x, y){

        cxt.beginPath();
        for (var i = 0; i < 5; i ++){
            cxt.lineTo( Math.cos( (18 + i * 72) / 180 * Math.PI ) * R + x,
                -Math.sin( 18 + i * 72) / 180 * Math.PI ) * R + y);
            cxt.lineTo( Math.cos( (54 + i * 72) / 180 * Math.PI ) * r + x,
                -Math.sin(54 + i * 72) / 180 * Math.PI ) * r + y);
    }
    cxt.closePath();
    cxt.stroke();
    }


</script>

</body>
</html>

3个回答

 少括号了吧
 -Math.sin( 18 + i * 72) / 180 * Math.PI ) * R + y)
 -Math.sin(54 + i * 72) / 180 * Math.PI ) * r + y);
 改成,加一个(
 -Math.sin(( 18 + i * 72) / 180 * Math.PI ) * R + y)
 -Math.sin((54 + i * 72) / 180 * Math.PI ) * r + y);
ctso214836649
阿旗_健身狂人 还是有问题 55...
2 年多之前 回复
ctso214836649
阿旗_健身狂人 谢谢 很奇怪 教学视频中也是这样子我照抄的 我下次注意!~
2 年多之前 回复

你好 我试了一下还是有问题

你的绘制图形的句子不标准,for循环内出错,应该是先moveTo,后面的先lineTo

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐