2017-04-05 14 views
0

SVGパスを描くないここで問題とスケッチだ -Paper.js正しく

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が中間点をスキップしていて、2番目の点を最後の点に結合しているようです。何が間違っているか、またはpaper.js内のsvgパスをインポートするための代替案ありがとう。

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

+0

を申し訳ありませんが、間違っているものを考え出しました。 PathとCompoundPathの違いに気付かなかった。それを使って物事を正しく描きます。 – daft300punk

答えて

3

それはPathのドキュメントの最初の読み取りから非常に明白ではないかもしれませんが、Pathのみ接続ポイントによって記述パスを描画するために使用することができるようです。代わりに使用する必要があるのはCompoundPathです。ドキュメントから -

複合パスは、1つ以上の単純なサブパスで構成される複雑なパスです。

だから、これは動作します -

var compoundPath = new paper.CompoundPath(pathData);