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

Javascript Fabric.js:在文本提交时,为每行创建一个对象,javascript,html5-canvas,fabricjs,Javascript,Html5 Canvas,Fabricjs,这是我在结构上添加文本对象的功能,如果在输入中检测到换行符,是否有办法修改它以创建多个对象(每行一个) self.addText = function(str) { str = str || 'Votre Texte...'; var object = new FabricWindow.Text(str, self.textDefaults); object.id = self.createId(); self.addObjec

这是我在结构上添加文本对象的功能,如果在输入中检测到换行符,是否有办法修改它以创建多个对象(每行一个)

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

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

        self.addObjectToCanvas(object);
};

我假定您的字符串中有换行符。让我们试试这个

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);
})