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

标签 javascript canvas scale fabricjs

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

请参阅此处的示例:

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

上面的示例似乎缩放了 iText 对象内的文本。但我想调整框本身的大小,因此当我使文本框变大时,里面的文本应该占一行。

我尝试使用以下选项:

 lockScalingY: true,
 lockScalingX: false,
 lockUniScaling :false

最佳答案

您所要求的内容已以“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>

关于javascript - Fabric js - IText 对象允许调整大小但不能缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33859176/

相关文章:

canvas - 剪辑到绘制的路径

javascript - Fabric JS : Why are my shapes are being replaced with images on canvas

php - 优化数据可视化 Web 应用程序的性能

javascript - 淡入淡出滑动 Javascript

javascript - Node Js 上的 Potli - "socket hang up and read ECONNRESET"

javascript - html5 在多个页面上使用 Canvas 和脚本

ios - 指数收缩 SKNode

R ggplot2改变闪避条形图的颜色

CSS @keyframes 缩放文本模糊

javascript - 用JS从SP列表中获取具体内容