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

时间:2016-01-26 23:57:31

标签: fabricjs

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

当我选择Group并将其水平调整(以及垂直调整)时,IText也会调整大小,这会使文本Strech看起来很糟糕。

现在我想做的是让IText中心本身(保持其宽高比)在集团内部。

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

2 个答案:

答案 0 :(得分:5)

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

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

答案 1 :(得分:3)

我无法完全按照我的意愿制作最新的fabric.Textbox

幸运的是,当父级fabric.IText水平调整大小时,我找到了一种水平设置fabric.Group中心的方法,并根据垂直大小调整使fabric.IText文本大小增加。没有丑陋的文字延伸。

以下是解决方案:

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