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

Question

我想在两点之间画一条路径，它有一个四分之一圆弧，圆弧半径 = 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。

谢谢

Answer 1

在这种情况下，连接两点的线将是三角形的斜边。其他边将具有相同的长度，即半径。你可以这样计算：

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

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