带 D3 的 SVG 椭圆弧？

Question

最近我用 D3 编写了一个项目，所以我需要一个带有 innerRadius 和 outerRadius 的椭圆弧。但是我不知道如何绘制椭圆弧。我必须提到的一点是圆弧与椭圆弧不同，圆弧将仅以可能为innerRadius 和outerRadius 的半径绘制，但是椭圆弧有两个半径rx , ry ，可以是innerRadiusX和outerRadiusX和innerRadiusY和outerRadiusY，实际上我想用d3.svg.arc()绘制一个椭圆，所有arc函数细节如@ 987654333@ 和endAngle。我不知道有没有办法用这些属性来绘制它：

attr={cx:20 , cy:20 , innerRadiusX:100 , outerRadiusX: 200 ,
       innerRadiusY:50,outerRadiusY:100,startAngel:0.5*Math.PI , endAngle: 1.5*Math.PI }

Answer 1

如果我正确理解你想要什么，我认为你可以使用 SVG 路径。 DashingD3 对此有很好的解释 there。

W3 然后提供了一个关于笔和纸的类比，大致如下： 想象一支笔放在一张纸上。笔会碰到 纸上只有一点。笔现在移动到另一个点。这 两点之间的路径可以是直线或曲线。这 曲线可以是圆弧、三次贝塞尔曲线或二次贝塞尔曲线。 这意味着您可以使用 SVG 路径来制作任何类型的 SVG 形状。

参见“曲线”。 是你要找的吗？