文章/答案/技术大牛

发布

社区首页 >问答首页 >在paper.js中导出svg非常慢

问在paper.js中导出svg非常慢
EN

Stack Overflow用户

提问于 2015-10-14 19:25:18

回答 1查看 679关注 0票数 2

我使用的project.exportSVG({asString: true})有非常多的路径(Thousend)。这需要很长时间，有时脚本会冻结。另一方面，project.exportJSON()函数非常快。

我认为这可能是因为exportSVG创建了一个DOM节点，然后生成了一个字符串。因为我只需要字符串，像lite export这样的东西，只要使用字符串就会很棒。有没有办法做到这一点？

我使用SVG-string创建一个Blob并通过https://github.com/eligrey/FileSaver.js/保存它

var svg = project.exportSVG({asString: true});
var blob = new Blob([svg], {type: "image/svg+xml;charset=utf-8"});
saveAs(blob, 'test.svg');

这是我在http://sketch.paperjs.org上运行的测试脚本

for (var i = 0; i < 1000; i++) {
    new Path.Circle({
        strokeColor: 'red',
        radius: 10,
        position: [i, i]
    });
}


var t_start, t_end;

t_start = new Date().getTime();
project.exportSVG();
t_end = new Date().getTime();
console.log('svg export: ' + (t_end - t_start));

t_start = new Date().getTime();
project.exportJSON();
t_end = new Date().getTime();
console.log('json export: ' + (t_end - t_start));

performance

svg

export

paperjs

回答 1

Stack Overflow用户

发布于 2015-10-15 20:24:09

我没有办法解决你的问题，但我可以告诉你原因。看一下这个草图：minimal example，您可以看到export JSON只是纸张数据结构和状态的JSON表示，而SVG需要将纸张输出转换为SVG格式。Jürg在优化转换方面做得很好，所以虽然可能会有一些小的增量收益，但转换不太可能接近纸张数据结构的原始转储。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33124061

复制

相似问题

问在paper.js中导出svg非常慢
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在paper.js中导出svg非常慢EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在paper.js中导出svg非常慢
EN