522662_zh-CN

liliconcom

使用 SVG 路径字符串制作贝塞尔曲线

我有两个以相同方式构造的 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”字符并正确呈现

 

< svg视图框= “-175 -175 350 350”风格= “边框：绿色实心；” >

<小路ID = “Wrf_Edge”中风= “黑色的”充满= “没有任何”笔画宽度= “1” d = "M 0 150 C 82.8 150 150 82.8 150 0 M 0 -150 C 82.8 -150 150 -82.8 150 0 M 0 -150 C -82.8 -150 -150 -82.8 -150 0 M 0 150 C -82.8 150 -150 82.8 -150 0" />

svg >

 

 

 

 

 

其他