konva stage.toJSON 在保存文件时修剪所有文本节点

Question

每当我尝试将舞台保存到 JSON 时，每个 Konva 文本都会被修剪（删除所有空格），这是我的代码：

var exportObj = stage.toJSON();
    console.log(exportObj);
    $("<a />", {
        "download": "yearBook.yrb",
        "href" : "data:application/json," + exportObj,
    }).appendTo("body")
            .click(function() {
                console.log("save");
        $(this).remove();
    })[0].click();

Answer 1

我认为这是因为将 JSON 数据插入到 HTML（到 DOM 属性 href）。

尝试将此用于 'href' 属性： "data:application/json;base64," + btoa(unescape(encodeURIComponent(exportObj)))

var exportObj = stage.toJSON();
console.log(exportObj);
$("<a />", {
    "download": "yearBook.json",
    "href" : "data:application/json;base64," + btoa(unescape(encodeURIComponent(exportObj))),
}).appendTo("body")
        .click(function() {
            console.log("save");
    $(this).remove();
})[0].click();

konva stage.toJSON 在保存文件时修剪所有文本节点

konva stage.toJSON is trimming all Text node when saving file

string

json

stringify

konvajs