求大神 出不来效果

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

qq_T_T若是人间四月天_0

2016-03-20 17:51

<html>

<head>

<title>canvas02</title>

<script>

window.onload=function(){

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

canvas.width=800;

canvas.height=800;

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

context.lineWidth=10;

drawStar(contxet,150,300,400,400,15);

}

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

cxt.beginPath();

for(var i=0;i<5;i++){

cxt.lineTo(Math.cos((18+i*72-rot)/180*Math.PI)*R+x,

-Math.sin((18+i*72-rot)/180*Math.PI)*R+y);

cxt.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>

</head>

<body>

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

</body>

</html>


写回答 关注

1回答

  • qq_你的肩膀我的远方_0
    2016-03-21 14:34:38

    drawStar(     contxet    ,150,300,400,400,15);中的context写错了

Canvas绘图详解

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

72881 学习 · 422 问题

查看课程

相似问题