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路徑正確

回答

相關問題