阿旗_健身狂人 2017-12-11 01:55 采纳率: 50%
浏览 1006
已采纳

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条回答 默认 最新

  • danielinbiti 2017-12-11 02:05
    关注
     少括号了吧
     -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);
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)
编辑
预览

报告相同问题?

悬赏问题

  • ¥15 torch框架下的强化学习DQN训练奖励值浮动过低,希望指导如何调整
  • ¥35 西门子博图v16安装密钥提示CryptAcquireContext MS_DEF_PROV Error of containger opening
  • ¥15 mes系统扫码追溯功能
  • ¥40 selenium访问信用中国
  • ¥20 在搭建fabric网络过程中遇到“无法使用新的生命周期”的报错
  • ¥15 Python中关于代码运行报错的问题
  • ¥500 python 的API,有酬谢
  • ¥15 软件冲突问题,软件残留问题
  • ¥30 有没有人会写hLDA,有偿求写,我有一个文档,想通过hLDA得出这个文档的层次主题,有偿有偿!
  • ¥50 有没有人会写hLDA,有偿求写,我有一个文档,想通过hLDA得出这个文档的层次主题,有偿有偿!