从fabric.js上加载的svg获取可编辑的文本？答案

【问题标题】：Getting text editable from loaded svg on fabric.js?从fabric.js上加载的svg获取可编辑的文本？
【发布时间】：2018-11-07 05:06:56
【问题描述】：

我想将 svg 加载到 fabric.js 并能够编辑（更改）属于 svg 的文本。

但是，通过使用 fabric.loadSVGFromURL() 方法，我得到了一个包含所有类型元素（包括文本）的对象（“组”类型）。

我不知道以下解决方案是否是最好的方法，但我尝试使用 reviver 功能解决问题：

fabric.loadSVGFromURL(
    url,
    function() {},
    function(svgElement, fabricObject) {
        if (fabricObject.type === "text") {
            var text = fabricObject.text;
            var optionsopt = fabricObject.toObject();
            var newEditableText = new fabric.Itext(text, optionsopt);
            canvas.add(newEditableText);
        else {
            canvas.add(fabricObject);
     }
);

但是我在加载的 svg 中遇到了 tspan 标签的问题

【问题讨论】：

您找到解决方法了吗？
不，我们没有@PierreOlivierTran

标签： fabricjs

【解决方案1】：

fabric.js SVG 解析器不支持 tspan。这仍然是一个悬而未决的问题：https://github.com/fabricjs/fabric.js/issues/1280

在上述问题页面上可能有针对您的问题的解决方法，但在不知道您的 tspan 的具体行为的情况下，我无法为您指出具体的解决方法。

【讨论】：