I have this code to draw a triangular canvas. But I can’t manage to

Question

0

Asked: May 23, 20262026-05-23T22:33:14+00:00 2026-05-23T22:33:14+00:00

I have this code to draw a triangular canvas. But I can’t manage to

0

I have this code to draw a triangular canvas. But I can’t manage to get the fill color anything other then black. It’s stated to work with the ctx.fillStyle but it doesn’t. I must be missing something in my code can you guys have a look?

  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"

     }
}