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

Пользователь

от colleen , в категории: Компьютерные технологии , 8 месяцев назад

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

Facebook Vk Ok Twitter Telegram Whatsapp

1 ответ

Пользователь

от alisa.ortiz , 8 месяцев назад

@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.