fillStyle没效果

来源:4-3 应用translate、rotate和scale

qq_咫尺天涯_11

2016-07-13 11:51

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

写回答 关注

1回答

  • 灯元
    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();
     
      }

    qq_咫尺天...

    非常感谢!

    2016-08-22 16:35:43

    共 1 条回复 >

Canvas绘图详解

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

72881 学习 · 422 问题

查看课程

相似问题