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
文本根据垂直方向增大大小调整大小。没有丑陋的文字拉伸。
解决方法如下:
我在父组对象中有这个 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
文本根据垂直方向增大大小调整大小。没有丑陋的文字拉伸。
解决方法如下: