Как нарисовать текст на Canvas?

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

от cayla , в категории: Другие , 10 месяцев назад

Как нарисовать текст на Canvas?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от camren , 10 месяцев назад

@cayla 

Для того чтобы нарисовать текст на Canvas, необходимо использовать методы контекста рисования (CanvasRenderingContext2D). Например:

  1. Установите цвет и размер текста:
1
2
context.font = "bold 30px Arial";
context.fillStyle = "red";


  1. Нарисуйте текст в заданных координатах:
1
context.fillText("Hello, world!", 100, 100);


  1. Дополнительно можно настроить выравнивание и возможно использовать методы, которые могут помочь с центрированием текста:
1
2
3
context.textAlign = "center"; // выравнивание по центру
context.textBaseline = "middle"; // выравнивание по середине
context.fillText("Hello, world!", canvas.width/2, canvas.height/2);