Paper.js不拉丝SVG路径正确

这里是有问题的草图 -Paper.js不拉丝SVG路径正确

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

下面是它应该如何看（运行段查看） -

<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

来源

2017-04-05 daft300punk

对不起，想通了，什么是错的。我没有注意到Path和CompoundPath之间的区别。使用正确渲染的东西。 – daft300punk

它可能不是从Path的文档的第一读取非常明显，但似乎Path只能用于绘制由相连的点所描述的路径。需要使用的是CompoundPath。从文档 -

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

所以此工程 -

var compoundPath = new paper.CompoundPath(pathData);

来源

2017-04-05 01:15:21 daft300punk

Paper.js不拉丝SVG路径正确

回答

相关问题