<!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"> ? ?當(dāng)前瀏覽器不支持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>
幫我看看用canvas寫五角星，這段代碼五角星為啥打不出來？
墨西哥雞味卷
2015-08-10 09:36:45
