d3四分之一圆的路径半径计算

时间:2013-08-06 10:18:48

标签: svg d3.js

我想在两个点之间画一条路径,它有一个四分之一圆弧,弧半径= x2-x1。

例如:

x1=100
y1=100
x2=300
y2=300

我正在使用:

dx = x2-x1,
dy = y2-y1,
dr = Math.sqrt(dx*dx+dy*dy);    
return "M" + x1 + "," + y1 + "A" + dr + "," + dr + " 0 0,1 " + x2 + "," + y2;

我正在努力计算四分之一圆半径的正确dr。

由于

1 个答案:

答案 0 :(得分:0)

在这种情况下,连接两点的线将是三角形的斜边。另一侧将具有相同的长度,即半径。你可以像这样计算:

var dr = Math.sqrt((dx*dx+dy*dy)/2);

完整示例:http://jsfiddle.net/E7JPy/1/