svg - 在 RaphaelJS 中绘制一个只有很少动态点的椭圆

Question

我正在尝试使用 RaphaelJS 绘制一个好看的椭圆，而只有椭圆的顶部、底部、左侧和右侧点的坐标。下图更好地说明了我需要什么：

仅显示点然后显示完整椭圆的示例

我已经尝试使用路径方法允许的大多数基于curveto的命令，但它们都没有接近我需要的东西，坦率地说，我无法将头绕在椭圆弧命令（A）上。

我有什么办法可以解决这个问题？

Answer 1

你只需要使用拉斐尔的椭圆：DEMO

var r = new Raphael(10,10, 500, 500);
var e = r.ellipse(50, 50, 40, 20).attr({fill: 'yellow', stroke:"red"});

这里ellipse(x, y, rx, ry)

• 中心的x坐标
• 中心的y坐标
• 水平半径
• 垂直半径

希望这是你想要的。