Fabric.js：在文本提交時，為每一行創建一個對象

Question

這是我在Fabric上添加文本對象的功能，有沒有辦法修改它，以便在輸入中檢測到換行符時創建多個對象（每行一個）？

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

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

        self.addObjectToCanvas(object);
};

Answer 1

我假設您的字符串中有換行符\\ 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);
})