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

时间:2013-07-16 19:58:08

标签: svg raphael ellipse

我正在尝试使用RaphaelJS绘制一个漂亮的椭圆,同时只有椭圆的顶部,底部,左侧和右侧点的坐标。下图更好地说明了我的需求:

Example showing only the points and then the full ellipse

我已经尝试过使用路径方法允许的大多数基于曲线的命令,但是它们都没有接近我需要的东西,坦率地说,我无法绕过椭圆弧命令(A)。< / p>

我能以任何方式解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

你只需要使用Raphael的椭圆: 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坐标
  • 水平半径
  • 垂直半径

希望这是你想要的。