我正在编写一个Web应用程序，它呈现一个graph，它可容纳约700个节点及其各自的边缘。每个节点显示为一个圆圈，其内部包含一个文本块，一个背景图像，以及其他内容。图形是交互式的，用户可以缩放和平移图形。因此，平滑性和高性能是必要的。
假设使用SVG渲染图形。考虑到每个节点都包含丰富的类似HTML的内容，在div中使用HTML / CSS构造和设置节点更容易，并将其作为foreignObject包含在图中。但是，使用移动设备的应用程序时，使用此方法会导致性能下降。在现代浏览器中，如果节点纯粹是用SVG构建的，那么你会期望性能显着提高吗？
在这种特殊情况下，为每个节点使用HTML涉及使用带有文本的div和width，height，border，{{等CSS属性1}}，background-image和border-radius。
使用纯SVG实现起来会更复杂，但会包含flex和rect等元素以及相应的SVG样式属性。