Paper.js 未正确绘制 svg 路径答案

【问题标题】：Paper.js not drawing svg paths correctlyPaper.js 未正确绘制 svg 路径
【发布时间】：2017-08-30 09:56:04
【问题描述】：

这是有问题的草图 -

http://sketch.paperjs.org/#S/q1bKS8xNVbJSCs5OLUnOUNJRSs5PAfHLEosUChJLMgwVbBXyUssVAoBsDXVfMzM9ExMdc2M9Uw8jcyM9M9NcXSMDMz0jIx1jA5qLqGtax+QpAAHYYXrFJUX52anO+Tn5RUBHqiflJCZnq2NREZ6ZUpIBVGFsDfReUlFqYnZBfmZeSbGSVXRsLQA=

它应该是这样的（运行 sn-p 来查看） -

<svg height="210" width="400" stroke="black">
  <path d="M66.44,73.5H272.65m-206.22,30H272.65m-206.22,30H272.65m-206.22,30H272.65m-206.22,30H272.65m-206.22,30H272.65m-206.22,30H272.65" />
  Sorry, your browser does not support inline SVG.
</svg>

不知道出了什么问题。似乎 paper.js 正在跳过中间点并将第二点与最后一点连接起来。有什么想法可能有问题，或者在 paper.js 中导入 svg 路径的替代方法？谢谢。

参考：http://paperjs.org/reference/path/#path--pathData

【问题讨论】：

抱歉，我知道出了什么问题。我没有注意到 Path 和 CompoundPath 之间的区别。使用它可以正确呈现事物。

标签： javascript svg paperjs

【解决方案1】：

第一次阅读Path 的文档可能不是很明显，但似乎Path 只能用于绘制由连接点描述的路径。需要使用的是CompoundPath。从文档 -

复合路径是由一个或多个简单子路径组成的复杂路径。

所以这行得通 -

var compoundPath = new paper.CompoundPath(pathData);

【讨论】：