问答详情
源自:3-2 画一个五角星

好奇怪啊,试了好久还是没法画出来啊

<canvas style="border:1px solid #A6E1EC;display: block;width: 800px;height: 800px;"  id="canvas"></canvas>

<script type="text/javascript">

window.onload=function(){

var a=document.getElementById("canvas");

a.width=800;

a.height=800;

var context=a.getContext("2d");

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)/180*Math.PI)*300+400);

context.lineTo()=(Math.cos((54+i*72)/180*Math.PI)*150+400,

-Math.sin((54+i*72)/180*Math.PI)*150+400);

}

context.closePath();

context.lineWidth=3;

context.strokeStyle="red";

context.stroke();

}

</script>

提问者:qq_Arielcity_0 2017-07-14 12:02

个回答

  • 慕仰0443758
    2017-07-15 08:40:52

    context.lineTo()=(Math.cos((18+i*72)/180*Math.PI)300+400

    这里300前面少了*