Я пытаюсь записать некоторый текст в элемент холста, но кажется, что параметры шрифта, которые я вставил, полностью игнорируются. На независимо от того, что я изменяю их, все это выходит то же, которому я верю, чтобы быть гротесковым шрифтом на 10 пкс по умолчанию. Вот то, что я имею (эта функция работает на загрузке),
function start()
{
canvas = document.getElementById('c');
ctx = canvas.getContext('2d');
ctx.fillStyle = "white";
ctx.font = "12px monospace";
ctx.textBaseline = "top";
}
Это не работает или в Firefox или в Chrome.
Как оказалось, изменение ctx.font
нужно использовать в той же функции, которая выполняет fillText ()
. Это заставляет его работать как шарм.
РЕДАКТИРОВАТЬ
Как Рихтаур упомянул в своем комментарии, этот ответ неверен. Ваш контекст необходимо сохранить и восстановить с помощью ctx.save ()
и ctx.restore ()
, поскольку в настоящее время он сбрасывается, когда вы снова вызываете canvas.getContext ('2d').