給多個三角形設置統一顏色邊框
?? ?context.beginPath();
?? ?context.moveTo(300,300);
?? ?context.lineTo(400,200);
?? ?context.lineTo(400,400);
?? ?context.lineTo(300,300);
?? ?context.closePath();
?? ?context.fillStyle="#99CC00";
?? ?context.fill();
?? ?context.beginPath();
?? ?context.moveTo(400,200);
?? ?context.lineTo(500,100);
?? ?context.lineTo(500,300);
?? ?context.lineTo(400,400);
?? ?context.lineTo(400,200);
?? ?context.closePath();
?? ?context.fillStyle="#669900";
?? ?context.fill();
?? ?context.beginPath();
?? ?context.moveTo(300,500);
?? ?context.lineTo(500,300);
?? ?context.lineTo(500,500);
?? ?context.lineTo(300,500);
?? ?context.closePath();
?? ?context.fillStyle="#CC0000";
?? ?context.fill();
代碼如上,為何只有最后一個三角形有邊框,其他沒有。如果實現多個三角形統一邊框怎么辦?只能一個一個設置嗎
2017-07-14
首先你這問題就有錯誤,fillStyle是背景填充怎么會有邊框呢??
2017-05-24
我也是剛學的,我剛看了你的代碼,加邊框需要下面這個代碼吧,我也是一個一個加的;應該可以封裝成函數,一個一個調用不用寫那么多代碼
context.strokeStyle="";
context.stroke();