javascript - Fabric.Js - 使已添加到 Canvas 的文本可编辑

标签 javascript canvas fabricjs

我似乎在使添加到 Canvas 的文本可编辑时遇到问题。我希望当您双击该对象时,它会更改为可编辑字段,但这似乎不会发生。

下面是我正在使用的代码,并且已阅读您应该使用的代码来实现此目的:

    service.addEditableType = function () {
        service.canvas.add(new fabric.Text('Double tab here to type', {
            fontFamily: 'Delicious_500',
            fontSize: 30,
            left: 100,
            top: 100
        }));
    };

这就是我用来将文本“在此处双击选项卡以键入”添加到 Canvas 的方法。但是,如果您双击文本,它不会变成可编辑字段。

让我知道你的想法

最佳答案

作为一个彻底的笨蛋......

我忘记了“文本”中的“我”

工作代码如下:

service.addEditableType = function () {
    service.canvas.add(new fabric.IText('Double tab here to type', {
        fontFamily: 'Delicious_500',
        fontSize: 30,
        left: 100,
        top: 100
    }));
};

关于javascript - Fabric.Js - 使已添加到 Canvas 的文本可编辑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35794747/

相关文章:

javascript - Webpack > 无法使用原始源代码进行调试(JSX 等)

flash - 德尔福6 : Can native Delphi do smooth graphics like Flash?

javascript - 为什么 HTML Canvas getImageData() 不返回刚刚设置的完全相同的值?

javascript - Fabric.js - 等到 loadedSVGFromString 在渲染组之前完成

javascript - Fabric JS/Canvas 中的逐行文本背景颜色填充

javascript - 如何使用 Vue.js 在同一个表中嵌套多个循环

c# - .NET 和 Javascript 中的简单字符串加密

javascript - 较大的 Javascript 函数是否需要更长的时间来定义?

javascript - Canvas - 限制圆边界内的线

javascript - 在 Fabricjs 中的组的情况下,在调整大小时无法保持 strokeWidth 的厚度