javascript - SVG 椭圆弧与 D3？

Question

最近我用D3编写了一个项目，所以我需要一个带有innerRadius和outerRadius的椭圆弧。但是我不知道如何绘制椭圆弧。我必须提到的一点是圆弧与椭圆弧不同，圆弧将仅以半径绘制，可以是 innerRadius和 outerRadius，但椭圆弧有两个半径 rx 、 ry ，可以是 innerRadiusX 和 outerRadiusX 和 innerRadiusY和outerRadiusY，实际上我想用d3.svg.arc()绘制一个椭圆，其中包含所有arc函数细节例如startAngle和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 then provides an analogy relating pen and paper roughly as follows: Imagine that a pen is put on a piece of paper. The pen will touch the paper in only one point. The pen is now moved to another point. The path between the two points can be a straight line or a curve. The curve can be an arc, a cubic Bézier curve or a quadratic Bézier curve. Which means that you can use an SVG Path to make any type of SVG shape.

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