为了账号安全,请及时绑定邮箱和手机立即绑定

帮我看看用canvas写五角星,这段代码五角星为啥打不出来?

帮我看看用canvas写五角星,这段代码五角星为啥打不出来?

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></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");       drawStar(context,150,300,400,400,30);    }    function drawStar(cxt,r,R,x,y,rot){        cxt.beginPath();        for(var i=0;i<5;i++){            context.lineTo(Math.cos((18+i*72-rot)/180*Math.PI)*R+x,-Math.sin((18+i*72-rot)/180*Math.PI)*R+y);            context.lineTo(Math.cos((54+i*72-rot)/180*Math.PI)*r+x,-Math.sin((54+i*72-rot)/180*Math.PI)*r+y);        }        cxt.closePath();        cxt.stroke();    }</script>
查看完整描述

1 回答

?
墨西哥鸡味卷

TA贡献3条经验 获得超0个赞

我知道了。drawStar中没注意写出context。应写成cxt

查看完整回答
反对 回复 2015-08-10
  • 1 回答
  • 0 关注
  • 1391 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信