【问题标题】:Text distorted when using scale in fabric.js (Ubuntu)在 fabric.js (Ubuntu) 中使用缩放时文本扭曲
【发布时间】:2014-10-15 20:49:02
【问题描述】:

我想使用scale 增加文本元素的fontSize。它似乎适用于 OSX,但不适用于 Ubuntu 上的 Chrome:


见: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
});

【问题讨论】:

  • 你的演示适用于我在 FF 上,在 OSX 上的 Chrome i.imgur.com/ADdix9Q.png
  • 我在 Chrome 的 Ubuntu 机器上。
  • 有趣。对我来说,在 Chrome 上,它看起来像 this
  • @Wex Windows 8.1 专业版
  • @BenSmith 我在 Chrome 和 Win 7 上的结果相同

标签: javascript canvas fabricjs


【解决方案1】:

fabric js 中的最小字体大小为 5 以同时使用 scaleX 和 ScaleY,因此在这种情况下您需要将字体大小设置为大于 5,并且您必须更改缩放公式以匹配最小字体大小。希望这会有所帮助

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-01-31
    • 1970-01-01
    • 2012-03-31
    • 1970-01-01
    • 1970-01-01
    • 2019-08-01
    相关资源
    最近更新 更多