不能运行结果

来源:3-2 画一个五角星

逆水行

2018-01-17 11:42

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<canvas id="canvas" style="border:1px solid #aaa; display: block; margin: 50px auto;"></canvas>

<script>

window.onload=function(){

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

canvas.width=800;

canvas.height=800;

var context=canvas.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=10;

context.stroke();


</script>

</body>

</html>


写回答 关注

1回答

  • 逆水行
    2018-01-17 11:44:10

    已解决     o大写了

Canvas绘图详解

Canvas系列教程第二课,详解Canvas各接口,让同学彻底掌握Canvas绘图

72881 学习 · 422 问题

查看课程

相似问题