D3.js 节点上带有文本的d3js(v4)画布强制布局

D3.js 节点上带有文本的d3js(v4)画布强制布局,d3.js,force-layout,D3.js,Force Layout,我有一个很基本的问题。我试图复制,但我只是想在每个节点上添加一些文本。 我可以使用svg实现这一点,但我希望使用画布版本来实现高效渲染 非常感谢。答案是修改drawNode函数,如下所示: function drawNode(d) { context.moveTo(d.x + 3, d.y); context.arc(d.x, d.y, 5, 0, 2 * Math.PI); context.fillText(d.name, d.x+10, d.y+3); } context.fi

我有一个很基本的问题。我试图复制,但我只是想在每个节点上添加一些文本。 我可以使用svg实现这一点,但我希望使用画布版本来实现高效渲染


非常感谢。

答案是修改
drawNode
函数,如下所示:

function drawNode(d) {
  context.moveTo(d.x + 3, d.y);
  context.arc(d.x, d.y, 5, 0, 2 * Math.PI);
  context.fillText(d.name, d.x+10, d.y+3);
}
context.fillText()
允许在画布上添加文本