D3js对角线和贝塞尔曲线

Question

我想使用d3.svg.diagonal()创建贝塞尔曲线。有人可以解释一下它是如何工作的。我的意思是我不理解数学定义https://en.wikipedia.org/wiki/B%C3%A9zier_curve和对角函数与source，target和projection之间的联系。控制点在哪里？

Answer 1

  

    

我的意思是我不理解数学定义https://en.wikipedia.org/wiki/B%C3%A9zier_curve与具有源，目标和投影的对角函数之间的联系。控制点在哪里？

  

投影将输入（源和目标）转换为坐标（x，y）并作为阵列输出 默认是1：1投影，不会更改值。

//pseudocode:
var src = projection(source), 
    trg = projection(target);

var points = [
    src,
    [src[0], (src[1] + trg[1]) / 2],
    [trg[0], (src[1] + trg[1]) / 2],
    trg
]