Fabric js - IText 对象允许重新调整大小但不能缩放答案

【问题标题】：Fabric js - IText object allow re size but not scaleFabric js - IText 对象允许重新调整大小但不能缩放
【发布时间】：2016-02-24 20:36:45
【问题描述】：

我在我的项目中使用fabric js，我想知道是否可以允许调整文本字段的大小但不能缩放其中的内容（字体）。

请参见此处的示例：

http://fabricjs.com/test/misc/itext.html

上面的例子似乎缩放了 iText 对象中的文本。但我想调整框本身的大小，所以当我将文本框变大时，里面的文本应该继续一行。

我尝试使用以下选项：

 lockScalingY: true,
 lockScalingX: false,
 lockUniScaling :false

【问题讨论】：

标签： javascript canvas scale fabricjs

【解决方案1】：

你要的东西是在名称“fabric.Textbox”下开发的。

 var canvas = new fabric.Canvas('canvas');
canvas.add(new fabric.Textbox('hello, im a resizable textbox, please feel free to resize me at will untill you meet size of the longest word', {width:250}))

<script src="http://fabricjs.com/lib/fabric.js"></script>
<canvas id='canvas' width="400" height="400" style="border:#000 1px solid;"></canvas>

【讨论】：

谢谢，像梦一样工作，应该指出此选项仅在 1.6 中可用，而不是 1.5
它在 1.5.0 版本中，有大量错误。要使其正常工作，您必须使用 modules=ALL 选项构建库，这不是默认模块。
嗨@AndreaBogazzi，拖动手柄时是否可以禁用texbox内文本的垂直缩放？
在新版本中有一个控制API，可以让你定义角的行为。您需要编写自己的 changeHeigh 函数，但您必须注意每次更改文本时它都会重置，因为今天这是织物的工作方式。请随时打开一个问题，描述您要实现的目标，我们现在有一些额外的人，我们正在评估所有改进