Задать вопрос
@Faradey
программист, php, golang

Почему уходят далеко в сторону буквы при конвертировании canvas в png?

Используется библиотека fabric.js
Имеем холст размером 1772px по ширине. Делаем ему зум 0.4 и когда пишем

canvas.toDataURL({format: 'png', multiplier: 1});

получаем вот это

i.stack.imgur.com/bUR3u.png

а когда пишем так canvas.toDataURL({format: 'png', multiplier: 1/0.4});

получаем такое изображение i.stack.imgur.com/Zw4zS.png

Как видите заглавные буквы имен улетели далеко влево при увеличении параметра multiplier. Размер этого шрифта 262px Если уменьшить шрифт (ну например до 100px), то в обоих случаях будет нормально. Если кто-то сталкивался с данной проблемой, подскажите как её решить? Итого получаем, что можно уменьшить показатель multiplier или уменьшить шрифт и только тогда будет нормально отображаться шрифт, иначе это баг какой-то.

Используемый шрифт - BickhamScriptTwo.ttf

UPD: вот записал видео как это выглядит https://drive.google.com/file/d/0BwcWF1RzBeJVbVgzc...
  • Вопрос задан
  • 137 просмотров
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
@pihel
Sql, Oracle, pl/sql, BI, ETL, php, olap
Может масштаб менять не у canvas, а у html контейнера через transform: scale ?
Ответ написан
Ваш ответ на вопрос

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

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