Fabric.js 如何在不拉伸文本的情况下水平调整 IText 的大小

Fabric.js How to resize IText horizontally without stretching the text

我在父组对象中有这个 IText 对象。

当我 select Group 并水平(和垂直)调整它的大小时,IText 也会调整大小,这使得文本 Strech 看起来很糟糕。

现在我想做的是让 IText 中心本身(保持其纵横比)在组内。

我该怎么做。我尝试在对象缩放时修改 IText 的宽度和左侧,但这没有用。

尝试使用最新的 fabricjs 版本 ( 1.6.0.rc1 ) 而不是使用 fabric.IText 使用 fabric.Textbox.

这个新 class 具有您正在寻找的属性,通常用于缩放的控件改为用于调整元素的大小,文本在其中流动。

我无法让最新的 fabric.Textbox 完全按照我想要的方式工作。

幸运的是,我找到了一种方法,可以在父级 fabric.Group 水平调整大小时使 fabric.IText 水平居中,并且还可以使相同的 fabric.IText 文本根据垂直方向增大大小调整大小。没有丑陋的文字拉伸。

解决方法如下:

https://jsfiddle.net/t44wyday/46/