在D3中填充带有图像的节点

Question

因此，我尝试使用网址中的图片填充节点圈。该网址指向云端。我看了这个问题 Adding an image within a circle object in d3 javascript?

然而，我得到的只是空白图像。我仔细检查并确保图像存在，但他们不会填充图像。这是d3节点。

var node = g.selectAll(".node");
node = node.data(nodes, function(d) {return d.id;});
node.enter().append("circle")
     .attr("class", "node").attr("r", 10)
     .attr("id", function(d,i) {
           return "node"+d.id;
      })
      .attr("fill", function(d) { 
           if (d.mediapath !== undefined) {
             var url = cloudfront + d.mediapath;
             url = "https://github.com/favicon.ico"
             return "url("+url+")";
             return "url(#bg"+d.id+")";
           }
           return color(d.group); })
       .on("mouseover", function(d) {
            d3.select("p").text(d.handle);                    
        })
       .on("click", clicked);

并非所有图像都有与之关联的图像。如果他们这样做，他们有一个mediapath属性，我们使用它。否则，我们给它着色。没有图像的节点着色很好。但是，我得到的只是白色填充而不是需要图像的图像。

感谢任何帮助。感谢。