检查线是否与带有SVG元素的圆相交

时间:2015-03-09 20:43:04

标签: javascript svg coordinates coordinate-systems

我正在尝试在JS中编写一个给出SVG线和圆的函数,将确定该线是否与该圆相交。但是,我认为由于SVG坐标系我遇到了问题。我写的函数如下:

var inCircle = function(ax, ay, bx, by, cx, cy, r) {

  // put circle at the center to simplify calcs
  ax -= cx; ay -= cy;
  bx -= cx; by -= cy;

  a = ax^2 + ay^2 - r^2;
  b = 2*(ax*(bx - ax) + ay*(by - ay));
  c = (bx - ax)^2 + (by - ay)^2;

  // get discriminant
  disc = b^2 - 4*a*c;

  // check if discriminant has real values
  if(disc <= 0) return false;

  // find intersection points
  sqrtdisc = Math.sqrt(disc);
  t1 = (-b + sqrtdisc)/(2*a);
  t2 = (-b - sqrtdisc)/(2*a);
  if(0 < t1 && t1 < 1 && 0 < t2 && t2 < 1) return true;
  return false;
};

我正在使用此stackexchange comment中列出的方法,但未获得任何结果。任何人都知道为什么这种方法不起作用?谢谢!

1 个答案:

答案 0 :(得分:0)

错误在于你以相反的顺序解释了二次方程。试试这个:

c = ax^2 + ay^2 - r^2;
b = 2*(ax*(bx - ax) + ay*(by - ay));
a = (bx - ax)^2 + (by - ay)^2;

然后使用这些定义继续进行其他计算。