javascript - 为什么 SVG-Edit 中的更改未保存在文件中？

Question

function FileLoad(file) {
    svgEditor.loadFromURL(file);
    var svg = document.getElementById("svgID");
    code continues....
}

我正在尝试在加载 svg 后对其进行操作。

但是代码没有进一步执行，开发者工具中也没有显示

我正在使用 SVG 编辑工具。

Answer 1

svgEditor.loadFromURL()返回一个 Promise。就其本质而言，加载始终是异步操作。您需要等待它完成:

function FileLoad(file) {
    svgEditor.loadFromURL(file).then(function () {
        var svg = document.getElementById("svgID");
        // code continues....
    }, function (error) {
        // load error handling
    });
}

从函数的命名来看，好像您使用它来实例化一个对象。但是，您使用 FileLoad 函数时，请注意，SVG 内容不会同步可用，而只能在 Promise 解决之后才可用。在使用 new 调用它的情况下，可能的模式可能如下所示(callback 函数包含您对实例化对象执行的所有操作):

function FileLoad(file, callback) {
    svgEditor.loadFromURL(file).then(function () {
         var svg = document.getElementById("svgID");
         code continues....
    }, function (error) {
        // load error handling
    }).then(callback.bind(this));
}

fileInstance = new FileLoad(url, callback);

编辑: 该函数在 4.0.0 版本中更改了其签名。对于 3.2.0 及更早版本，您need to pass配置对象中的回调函数:

function FileLoad(file) {
    svgEditor.loadFromURL(file, {
        callback: function (success) {
            if (success) {
                 var svg = document.getElementById("svgID");
                 // code continues....
            } else {
                // load error handling
            }
        }
    });
}