Текст искажен при использовании масштаба в fabric.js (Ubuntu)

Я хотел бы использовать scale для увеличения fontSize текстового элемента. Кажется, это работает на OSX, но не работает в Chrome на Ubuntu:

введите здесь описание изображения
См.: http://jsfiddle.net/Wexcode/y7kLzj78/

Итак, почему это:

text = new fabric.Text('foo', {
    fontSize: 10,
    left: 100,
    top: 10
});

создайте что-то отличное от этого в Ubuntu:

text = new fabric.Text('foo', {
    fontSize: 1,
    scaleX: 10,
    scaleY: 10,
    left: 100,
    top: 10
});

person Wex    schedule 17.08.2014    source источник
comment
Ваша демонстрация работает для меня на FF, Chrome на OSX i.imgur.com/ADdix9Q.png   -  person Matt    schedule 19.08.2014
comment
Я на машине с Ubuntu в Chrome.   -  person Wex    schedule 19.08.2014
comment
Интересно. Для меня в Chrome это выглядит как это   -  person Ben Smith    schedule 20.08.2014
comment
@Векс Windows 8.1 Профессиональная   -  person Ben Smith    schedule 20.08.2014
comment
Браузер Ubuntu по умолчанию не использует один и тот же шрифт (шрифты). Какое семейство шрифтов вы используете?   -  person Elliott Frisch    schedule 21.08.2014
comment
@BenSmith У меня такой же результат в Chrome и Win 7   -  person Arthur    schedule 21.08.2014
comment
@ElliottFrisch хорошая мысль, но, похоже, это не зависит от шрифта. Я пробовал несколько шрифтов, которые, я уверен, безопасны для Интернета.   -  person Wex    schedule 21.08.2014
comment
@Wex Я только что попробовал это на своей машине с Ubuntu. Здесь они идентичны (полностью пустые), в Chrome и в Firefox. Эта машина работает под управлением 14.04, какая у вас версия?   -  person Elliott Frisch    schedule 21.08.2014
comment
@ElliottFrisch 13.10   -  person Wex    schedule 21.08.2014
comment
Я был бы удивлен, если бы это была проблема с O/S. Может ли быть проблема с версией WebKit, используемой разными браузерами?   -  person Ben Smith    schedule 22.08.2014
comment
@BenSmith - я был бы склонен полагать, что это проблема ОС, если бы немасштабированный текст выглядел так же плохо, как масштабированный текст.   -  person Wex    schedule 22.08.2014
comment
Я смутно помню, что сталкивался с этой проблемой раньше. Я думаю, что некоторые системы не масштабируют размер шрифта с помощью преобразования. нам пришлось дополнить файл css, чтобы уменьшить размер шрифта, когда мы были вынуждены уменьшить масштаб содержимого сайта на 50%, чтобы соответствовать какому-то старому приложению IOS, которое содержало экземпляр веб-браузера, игнорирующий метатеги.   -  person user1600124    schedule 26.08.2014


Ответы (1)


Минимальный размер шрифта в Fabric js равен 5 для одновременной работы с ScaleX и ScaleY, поэтому в этом случае вам нужно указать размер шрифта больше 5, и вы должны изменить формулу масштабирования, чтобы она соответствовала минимальному размеру шрифта. Надеюсь это поможет

person Innodel    schedule 15.10.2014