Как добавить текст вместе с цветом в пользовательские фигуры, сделанные с помощью холста?

Question

Я писал javascript для создания пользовательских фигур, как вы можете видеть в следующем фрагменте кода.Мне удалось заполнить фигуры разными цветами, но когда я пытаюсь использовать свойство fillText для canvas, цвет фона исчезает, и в примененном fillStyle присутствует только текст.Я хочу сохранить как текст, так и цвет фона без изменений.Как этого достичь?

var canvas = document.getElementById('newCanvas');
      var ctx = canvas.getContext('2d');
      ctx.beginPath();
      ctx.moveTo(280,300);
      ctx.lineTo(240,300);
      ctx.lineTo(280,200);
      ctx.closePath();
      ctx.fillStyle='skyblue';
      ctx.fillText('1',270,250);
      //ctx.fill();
      ctx.stroke();
      ctx.beginPath();
      ctx.moveTo(280,300);
      ctx.lineTo(280,250);
      ctx.lineTo(240,300);
      ctx.closePath();
      ctx.fillStyle='#EAF356';
      ctx.fill();
      ctx.stroke();
      ctx.beginPath();
      ctx.moveTo(280,300);
      ctx.lineTo(320,300);
      ctx.lineTo(280,200);
      ctx.closePath();
      ctx.fillStyle='green';
      ctx.fill();
      ctx.stroke();
      ctx.beginPath();
      ctx.moveTo(280,300);
      ctx.lineTo(280,250);
      ctx.lineTo(320,300);
      ctx.closePath();
      ctx.fillStyle='#F59A4E';
      ctx.fill();
      ctx.stroke();

<canvas id="newCanvas" width="800" height="800" style="border: 1px solid"></canvas>