                        課程
                    
                        /前端開發
                        
                            /Html5
                        
                        /Canvas繪圖詳解

fillStyle沒效果

drawStar()函數中為什么設置fillStyle沒效果，設置strokeStyle的顏色時表現為填充五角星？

qq_咫尺天涯_11

2016-07-13

源自：Canvas繪圖詳解 4-3

關注問題我要回答

1587

操作

收起

1 回答

燈元回答被采納 +3 積分
2016-07-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();
?
??}