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

时间:2016-03-04 11:20:01

标签: javascript canvas fabricjs

我似乎遇到了使添加到画布的文本可编辑的问题。我希望当你双击它的对象然后改变成一个可编辑的字段,但这似乎不会发生。

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

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

这就是我用来添加文字' Double标签来输入'到画布。但是,如果您再双击文本,它就不会变成可编辑的字段。

让我知道你的想法

1 个答案:

答案 0 :(得分:1)

成为一个完整的笨蛋...

我忘记了'文字'中的'我'

工作代码如下:

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