畫布填充顏色，保持黑色

Question

我有此代碼繪製一個三角帆布。但我無法設法使填充顏色變成黑色。它聲明與ctx.fillStyle一起工作，但事實並非如此。我必須在代碼中丟失一些東西，你們可以看看嗎？

function drawShape(){ 
    // get the canvas element using the DOM 
     var canvas = document.getElementById('balkboven'); 

    // Make sure we don't execute when canvas isn't supported 
     if (canvas.getContext){ 

    // use getContext to use the canvas for drawing 
     var ctx = canvas.getContext('2d'); 
     var ctxwidth = window.innerWidth;    
    // Filled triangle 
     ctx.canvas.width = window.innerWidth; 
     ctx.beginPath(); 
     ctx.moveTo(0,0); 
     ctx.lineTo(ctxwidth,0); 
     ctx.lineTo(0,105); 
     ctx.fill(); 
     ctx.fillStyle="red" 

    } 
} 

Answer 1

fillStyle和strokeStyle必須設置之前繪製的對象，而不是事後！

把它想象成將油漆加載到畫筆上。在使用筆刷筆劃之前，您必須先做到這一點！

參見：http://jsfiddle.net/F8smR/