Fabric.Js - 使已添加到画布的文本可编辑

Fabric.Js - Making the text that has been added to the canvas editable

本文关键字:文本 编辑 Js 添加 Fabric      更新时间:2023-09-26

我似乎在使添加到画布的文本可编辑时遇到问题。我希望当您双击该对象时,它会变成可编辑的字段,但这似乎没有发生。

以下是我正在使用的代码,并且已经阅读了您应该使用它才能工作的代码:

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

因此,这就是我用来将文本"此处的双选项卡键入"添加到画布的内容。但是,如果您双击文本,它不会变成可编辑的字段。

让我知道你的想法

作为一个完整的 plonker...

忘记了"文本"中的"我"

工作代码如下:

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