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

时间:2015-11-22 19:25:26

标签: javascript canvas scale fabricjs

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

见示例:

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

上面的示例似乎缩放了iText对象中的文本。但是我想调整盒子本身的大小,所以当我把文本框做得更大时,里面的文字应该是一行。

我尝试使用以下选项:

 lockScalingY: true,
 lockScalingX: false,
 lockUniScaling :false

1 个答案:

答案 0 :(得分: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>