基本上,我尝试将一个类分配到node.append("image")
并尝试使用border-radius:50%将它们转换为圆形,但CSS似乎不适用于这些图像。
node.append("image")
.attr("xlink:href", d=> d.url)
//Assigned a class for all nodes
.classed("MakeItround", true)
//people icon's location (x,y)
.attr("x", function(d) { return d.weight * 2-35; })
.attr("y", height/15 -38)
//people icon's size
.attr("width", width/15)
.attr("height", height/15)
这是我想要应用于图片的CSS
.MakeItround{
border-radius: 50%;
}
这是更新的小提琴:http://jsfiddle.net/qvco2Ljy/122/