thehighhomie
@thehighhomie

Canvas криво показывает шрифты с кириллицей после загрузке через webfontloader?

Почему после загрузки шрифтов через , и добавления текста на канвас, кириллица отображается криво, а латиница отлично.

Для канваса использую фреймворк fabricjs.

Пожалуйста посмотрите песочницу там очень мало кода и оставил пару комментариев.

При вводе текста на английском текст отображается хорошо, но если вводить на русском то шрифт сначала не загружается в канвас, для того, чтобы шрифт загрузился нужно перерендерить объект на канвасе, например передвинуть или по ресайзить объект, после чего шрифт с кириллицей отобразится, но будет вылезать за рамки объекта.

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

Помогите пожалуйста понять, почему так происходит и как исправить этот баг. Я сам очень долго мучился, но не разобрался.
  • Вопрос задан
  • 58 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
AnyChart Иркутск
До 100 000 руб.
Duotek Москва
от 110 000 до 150 000 руб.
Профит-лабс Москва
от 3 000 до 4 500 usd.
15 нояб. 2019, в 01:36
10000 руб./за проект
15 нояб. 2019, в 01:32
5000 руб./за проект