Fabric.js:在文本提交时,为每一行创建一个对象

时间:2018-04-27 10:00:25

标签: javascript html5-canvas fabricjs

这是我在Fabric上添加文本对象的功能,是否有一种方法可以修改它,以便在输入中检测到换行符时创建多个对象(每行一个)?

self.addText = function(str) {
        str = str || 'Votre Texte...';

        var object = new FabricWindow.Text(str, self.textDefaults);
        object.id = self.createId();

        self.addObjectToCanvas(object);
};

1 个答案:

答案 0 :(得分:0)

我假设你的字符串中有换行符\ n。所以让我们试试这个

let strArr = str.split('\n');
strArr.forEach(s => {
    let object = new FabricWindow.Text(s, self.textDefaults);
    object.id = self.createId(); //you should probably start using es6 arrow syntax to avoid having to use self

    self.addObjectToCanvas(object);
})