导入 PaperJS 时 SVG 路径呈现不同

Question

我正在尝试从 SVG 文件复制 SVG 路径以在 PaperJS 项目中使用。

这里是 Paper.JS Sketch 使用 new Path(svgPath)

的 SVG

这是JSFiddle它应该是什么样子

知道为什么会这样吗？

Answer 1

路径数据包含两个子路径（即字符外，孔内）。在 PaperJS 中处理多个子路径时，我相信你需要使用 CompoundPath 而不是 Path。在您的 PaperJS 示例中，更改...

var path = new Path(pathData);

到...

var path = new CompoundPath(pathData);