thehighhomie
@thehighhomie

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

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

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

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

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

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

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

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

Войти через центр авторизации
Похожие вопросы