Блог

Мы уже некоторое время пользуемся библиотекой, и у нас возникли некоторые проблемы при попытке значительно уменьшить масштаб некоторых значков png/jpeg. В результате получились бы размытые изображения, независимо от того, что мы пытались сделать. Поэтому мы решили, что .svg-это правильный путь. При попытке загрузить .svg с помощью функции fabric.loadSVGFromURL() консоль отвечает «Ошибка типа: n.reviver не является функцией». Причина, по которой мы хотим использовать fabric.loadSVGFromURL() вместо fabric.Image.fromURL() заключается в том, что кажется, что последний показывает только одну часть .svg вместо всей группы. Как можно увидеть здесь:

https://imgur.com/a/XswMH6B

Поэтому, когда мы попытались решить эту проблему, мы столкнулись с «Ошибкой типа». А теперь мы застряли. Любые предложения будут высоко оценены.

################### РЕДАКТИРОВАТЬ — ДОБАВЛЕН КОД ###################

 let addFurnitureToCanvas = (canvas, iconURL, noOfTables, iconName) => {
    let addedItems = addedFurniture.get();

    for (let i = 0; i < noOfTables; i  ) {
        fabric.loadSVGFromURL(iconURL, function(objects, options) { 

            let furniture = fabric.util.groupSVGElements(objects, options);
            removeScalingCapabilities(furniture);

            canvas.add(furniture);
            addedItems.push(furniture);
        }, { crossOrigin: 'anonymous'});
    }
    canvas.renderAll();
};
 

 TypeError: n.reviver is not a function
    at fabric.js:1
    at Function.fromElement (fabric.js:1)
    at fabric.ElementsParser.e.createObject (fabric.js:1)
    at fabric.js:1
    at Array.forEach (<anonymous>)
    at fabric.ElementsParser.e.createObjects (fabric.js:1)
    at fabric.ElementsParser.e.parse (fabric.js:1)
    at Object.parseElements (fabric.js:1)
    at Object.h.parseSVGDocument (fabric.js:1)
    at i (fabric.js:1)