Как выровнять букву (или слово) внутри canvas по центру, вне зависимости от ширины и высоты?

Как реализовать букву (или слово) внутри квадрата всегда по центру?

При этом не важна какая ширина или высота квадрата.

Нужно как то вот эти значения 12, 90 заменить на динамические

var ctx = document.getElementById('chart').getContext('2d');
ctx.canvas.width = 100;
ctx.canvas.height = 100;
ctx.fillStyle = "#000";
ctx.font = "120px 'Segoe UI', sans-serif";
ctx.save();
ctx.fillText("A", 12, 90);
ctx.restore();
#chart {
  border: 10px solid #000;
}
<canvas id="chart"></canvas>


Ответы (0 шт):