JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id='canvas'></canvas>

CSS

#canvas{
  width: 500px;
  height: 300px;
  background: #999;
}

JavaScript

/**/
  var canvas = document.getElementById('canvas');
  if (canvas.getContext) {
    var ctx = canvas.getContext('2d');
    ctx.beginPath();
    ctx.fillStyle = '#ff4387';
    ctx.moveTo(0, 70); // первая внешняя точка
    ctx.lineTo(60, 0); //вторая внешняя точка
    ctx.lineTo(110, 70); //третья внешняя точка

    ctx.moveTo(90, 60); // первая внешняя точка
    ctx.lineTo(60, 20); //вторая внешняя точка
    ctx.lineTo(25, 60); //третья внешняя точка
    ctx.fill();
  }