Как вставить цифры в ячейки для игры в пятнашки?

Question

[DrunkDog]

Подскажите пожалуйста, как вставить цифры в ячейки, что то не получается
цифры в аргументе text

let canvas = document.createElement('canvas');
canvas.style.background = 'black';
let ctx = canvas.getContext('2d')

canvas.width = 450;
canvas.height = 450;
wrapper.prepend(canvas)

//Класс для ячейки
class Cell {
  constructor(width, height, color, text, x, y) {
    this.width = width;
    this.height = height;
    this.text = text;
    this.x = x;
    this.y = y;
    ctx.fillStyle = color;
    ctx.fillRect(this.x, this.y, this.width, this.height);
    ctx.font = "50px Arial";
    ctx.fillStyle = 'red';
    ctx.fillText = (text, this.x + 35, this.y + 70)
    }
}

//Создаём ячейки 
let cell_1 = new Cell(100, 100, "blue", '1', 10, 10);
let cell_2 = new Cell(100, 100, "blue", '2', 120, 10);
let cell_3 = new Cell(100, 100, "blue", '3', 230, 10);
let cell_4 = new Cell(100, 100, "blue", '4', 340, 10);
let cell_5 = new Cell(100, 100, "blue", '5', 10, 120);
let cell_6 = new Cell(100, 100, "blue", '6', 120, 120);
let cell_7 = new Cell(100, 100, "blue", '7', 230, 120);
let cell_8 = new Cell(100, 100, "blue", '8', 340, 120);
let cell_9 = new Cell(100, 100, "blue", '9', 10, 230);
let cell_10 = new Cell(100, 100, "blue", '10', 120, 230);
let cell_11 = new Cell(100, 100, "blue", '11', 230, 230);
let cell_12 = new Cell(100, 100, "blue", '12', 340, 230);
let cell_13 = new Cell(100, 100, "blue", '13', 10, 340);
let cell_14 = new Cell(100, 100, "blue", '14', 120, 340);
let cell_15 = new Cell(100, 100, "blue", '15', 230, 340);
let cell_16 = new Cell(100, 100, "black"," ", 340, 340);

Answer 1

[szQocks]

ctx.fillText(text, this.x + 35, this.y + 70) // знак равно убери тут

Comments

[DrunkDog]

Спасибо

[szQocks]

DrunkDog, текст по центру если что -

ctx.font = "50px Arial";
    ctx.fillStyle = 'red';
    ctx.textBaseline = 'middle';
    ctx.textAlign = 'center'
    ctx.fillText(text, this.x + this.width / 2, this.y + this.height / 2)