Javascript 使用画布行连接不同的html元素

是否可以使用canvas和angularJS在HTML元素之间划一条线

---

如上图所示。

我为家庭成员制作了静态节点，并试图在它们之间绘制关系线。这完全可以在画布上完成。节点很简单（

context.arc

和

context.fillText

）。连接器易于绘制（

context.lineTo

），但如果不希望连接器与节点/其他连接器重叠，则必须添加一个复杂的寻路算法，如。如果你想要HTML节点，那么你可以考虑SVG连接器而不是画布。我已经为家庭成员制作了静态节点，并试图在它们之间画线，因为它们的关系可以完全在画布上完成。节点很简单（

context.arc

和

context.fillText

）。连接器易于绘制（

context.lineTo

），但如果不希望连接器与节点/其他连接器重叠，则必须添加一个复杂的寻路算法，如。如果你想要HTML节点，那么你可以考虑SVG连接器而不是画布。