JSFiddle - React, Tailwind, and code Playground

by Ezra

HTML

<canvas id="canvas" width="900" height="500"></canvas>

JavaScript

function draw_triangle(ox, ox, tx, ty,lx,ly) {
  var canvas = document.getElementById('canvas');
  if (canvas.getContext){
    var ctx = canvas.getContext('2d');
      
    var myArray = ['AB7AB4','B457A7','5D4CA1','E063A9'];
    var color = myArray[Math.floor(Math.random() * myArray.length)];

    ctx.beginPath();
    ctx.moveTo(ox,oy);
    ctx.lineTo(475,86);
    ctx.lineTo(420,135);
    ctx.lineTo(410,48);
    
    ctx.fillStyle = color;
    ctx.fill();
      
  }
}

draw_triangle('410','48','475','86','420','135','410','48');