塗りの下にパスストロークを描画するpaper.jsオプションはありますか？

Question

私はバニラ<canvas>からpaper.jsライブラリを使用しています。この動作は重複していないようです。

ストロークとフィルの2つの別々のパスを作成する以外に方法はありますか？

本当に簡単な例として、すべてのパスは塗りの上にストロークを描画します。

let p = new Path.Circle(new Point(0, 0), 1); 
    p.strokeColor = '#FF0000'; 
    p.fillColor = '#00FF00'; 

これは、塗りの上にストロークがある円を描きます。

let p1 = new Path.Circle(new Point(0, 0), 1); 
    p.strokeColor = '#FF0000'; 
    p.fillColor = null; 
let p2 = new Path.Circle(new Point(0, 0), 1); 
    p.strokeColor = null; 
    p.fillColor = '#00FF00'; 
p1.moveBelow(p2); 

これは、塗りの下にストロークがある円を描画しますが、2つの別個のオブジェクトが必要です。私はそれらをグループ化することができますが、それはまだいくつかのネイティブオプションよりも痛みです。

Answer 1

フィルの下にパスストロークを描画するオプションはありません。 あなたの方法は、それを描画するための最良の方法でしょう。