Javascript d3 js的强制定向布局是否支持图像作为节点?
有 我希望图形中的所有节点都是图像,而不是圆 所以,我改变了Javascript d3 js的强制定向布局是否支持图像作为节点?,javascript,d3.js,data-visualization,force-layout,Javascript,D3.js,Data Visualization,Force Layout,有 我希望图形中的所有节点都是图像,而不是圆 所以,我改变了 .append("svg:circle") .attr("class", "node") .attr("cx", function(d) { return d.x; }) .attr("cy", function(d) { return d.y; }) .attr("r", 5) .style("fill", function(d) { return fill(d.grou
.append("svg:circle")
.attr("class", "node")
.attr("cx", function(d) { return d.x; })
.attr("cy", function(d) { return d.y; })
.attr("r", 5)
.style("fill", function(d) { return fill(d.group); })
.call(force.drag);
到
但我看不到任何图像。我做错了什么
node.append("svg:image")
.attr("class", "circle")
.attr("xlink:href", "https://d3nwyuy0nl342s.cloudfront.net/images/icons/public.png")
.attr("x", "-8px")
.attr("y", "-8px")
.attr("width", "16px")
.attr("height", "16px");
下面是一个使用图像作为节点的示例:您是否知道如何将rect图像作为圆节点内的圆图像?您给出的示例将显示一个圆和其中的一个矩形图像。谢谢。@derek,边界半径如何:100%;css样式?边框半径在svg:image上不起作用,但有希望:
node.append("svg:image")
.attr("class", "circle")
.attr("xlink:href", "https://d3nwyuy0nl342s.cloudfront.net/images/icons/public.png")
.attr("x", "-8px")
.attr("y", "-8px")
.attr("width", "16px")
.attr("height", "16px");