цвет заливки холста, остается черным

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/