Как изменить шрифт текста на Canvas?

@colleen 

Чтобы изменить шрифт текста на Canvas, следуйте следующим шагам:

1. Создайте элемент canvas в HTML:

1

<canvas id="myCanvas"></canvas>

1. Создайте контекст Canvas:

1
2

var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');

1. Установите шрифт:

1

ctx.font = '20px Arial';

1. Настройте свойства текста, такие как цвет и выравнивание:

1
2

ctx.fillStyle = 'red';
ctx.textAlign = 'center';

1. Наконец, нарисуйте текст на Canvas:

1

ctx.fillText('Пример текста на Canvas', canvas.width/2, canvas.height/2);

Этот код нарисует текст красным цветом с использованием шрифта Arial, размером в 20 пикселей, выровненный по центру Canvas.