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

Question

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

在此处查看示例：

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

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

我尝试使用以下选项：

 lockScalingY: true,
 lockScalingX: false,
 lockUniScaling :false

Answer 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>

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

Fabric js - IText object allow re size but not scale

javascript

canvas

scale

fabricjs