D3:在圆圈内插入图像的最简单方法

时间:2016-11-30 07:01:51

标签: javascript jquery html css d3.js

基本上,我尝试将一个类分配到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/

0 个答案:

没有答案