问答详情
源自:4-3 应用translate、rotate和scale

fillStyle没效果

drawStar()函数中 为什么设置fillStyle没效果,设置strokeStyle的颜色时表现为填充五角星?

提问者:qq_咫尺天涯_11 2016-07-13 11:51

个回答

  • 灯元
    2016-07-13 17:20:13
    已采纳

     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.strokeStyle="#fd5";
       cxt.lineWidth=3;
       cxt.fillStyle="#fd3";
       cxt.lineJoin="bevel";
       cxt.fill();
       cxt.stroke();
     
      }