Как создать текст на Canvas?

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

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

Как создать текст на Canvas?

Facebook Vk Ok Twitter Telegram Whatsapp

1 ответ

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

от bill.walker , 10 месяцев назад

@alisa.ortiz 

Для создания текста на Canvas можно использовать метод fillText() или strokeText(). Вот пример кода:

1
2
3
4
5
6
7
8
9
// Создаем Canvas и контекст для рисования
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

// Устанавливаем параметры шрифта для текста
ctx.font = "30px Arial";

// Рисуем текст на Canvas
ctx.fillText("Привет, мир!", 10, 50);


fillText() используется для заполнения текста цветом, а strokeText() - для обводки текста линией. В качестве параметров можно указать текст, координаты начальной точки и другие настройки.