Шрифт холста HTML 5 проигнорирован

Я пытаюсь записать некоторый текст в элемент холста, но кажется, что параметры шрифта, которые я вставил, полностью игнорируются. На независимо от того, что я изменяю их, все это выходит то же, которому я верю, чтобы быть гротесковым шрифтом на 10 пкс по умолчанию. Вот то, что я имею (эта функция работает на загрузке),

function start()
{
    canvas = document.getElementById('c');
    ctx = canvas.getContext('2d');
    ctx.fillStyle = "white";
    ctx.font = "12px monospace";
    ctx.textBaseline = "top";
}

Это не работает или в Firefox или в Chrome.

9
задан Drew Noakes 20 November 2012 в 21:55
поделиться

1 ответ

Как оказалось, изменение ctx.font нужно использовать в той же функции, которая выполняет fillText ()

. Это заставляет его работать как шарм.

РЕДАКТИРОВАТЬ

Как Рихтаур упомянул в своем комментарии, этот ответ неверен. Ваш контекст необходимо сохранить и восстановить с помощью ctx.save () и ctx.restore () , поскольку в настоящее время он сбрасывается, когда вы снова вызываете canvas.getContext ('2d').

5
ответ дан 4 December 2019 в 09:35
поделиться
Другие вопросы по тегам:

Похожие вопросы: