522662_ja-JP

liliconcom

SVGパス文字列を使用したベジェ曲線の作成

同じ方法で構築された2つのSVGパスがあります。

 

a = "M 10 60 C 20 80 40 80 50 60";
b = "M 0 -150 C 82.8 -150 150 -82.8 150 0";

'a'のクイックプロットは、次のアークを示しています

 

New Window( "JMP 8PFU Layout Example",
 Graph Box(
  frameSize( 500, 500 ), 
  xScale(-175,175),
  yScale(-175,175),
  penColor("blue");
  penSize(2);
  path(a, 0);
 );
);

しかし、'b'をプロットしようとすると、エラーが発生します

 

DisplayBox[EvalContextBox]
argument value is invalid in access or evaluation of 'Path' , Bad Argument( b ), Path/*###*/(b, 0)

New Window( "JMP 8PFU Layout Example",
 Graph Box(
  frameSize( 500, 500 ), 
  xScale(-175,175),
  yScale(-175,175),
  penColor("blue");
  penSize(2);
  path(combined, 0);
 );
);

曲線に「閉じる」文字「z」を追加すると、セグメントが描画され、「線」が原点に戻ります。 これは機能しますが、私が望むものではありません-私はただ弧が欲しいだけです。

 

b = "M 0 -150 C 82.8 -150 150 -82.8 150 0 z";

私の究極の目標は、4つの円弧を組み合わせて円を近似することです

 

tr = "M 0  150 C  82.8  150  150  82.8  150 0 z";
br = "M 0 -150 C  82.8 -150  150 -82.8  150 0 z";
bl = "M 0 -150 C -82.8 -150 -150 -82.8 -150 0 z";
tl = "M 0  150 C -82.8  150 -150  82.8 -150 0 z";

combined = "M 0  150 C  82.8  150  150  82.8  150 0 z M 0 -150 C  82.8 -150  150 -82.8  150 0 z M 0 -150 C -82.8 -150 -150 -82.8 -150 0 z M 0  150 C -82.8  150 -150  82.8 -150 0 z";

New Window( "JMP 8PFU Layout Example",
 Graph Box(
  frameSize( 500, 500 ), 
  xScale(-175,175),
  yScale(-175,175),
  penColor("blue");
  penSize(2);
  path(combined, 0);
 );
);

 

繰り返しますが、「z」文字を削除すると、同じエラーが発生します。

 

 

完全を期すために、「z」文字を削除してWebブラウザーでこの結合された文字列を試し、正しくレンダリングしました

 

< svg viewBox = "-175 -175 350 350"スタイル= 「境界線：緑色の固体;」 >>

<道id = 「Wrf_Edge」脳卒中= "黒"塗りつぶし= "なし"ストローク幅= 「1」 d = "M 0150 C 82.8 150150 82.8 150 0 M 0 -150 C 82.8 -150150 -82.8 150 0 M 0 -150 C -82.8 -150 -150 -82.8 -150 0 M 0150 C -82.8 150 -150 82.8 -150 0 " />

svg >>

 

 

 

 

 

他の