d3贴图 - 使用图像填充路径

Question

我正在使用此示例：http://bl.ocks.org/mbostock/4206573

在每个县，我不想使用颜色，而是想使用图像（并且可能使用css重复它）。

我尝试将svg图像添加到文档中，并将路径的填充属性设置为url(<image_selector>)但不起作用。基本上：

var image = svg.append("image")
  .attr("xlink:href", "http://lorempixel.com/g/400/400/")
  .attr("x", 0)
  .attr("y", 0)
  .attr("width", 400)
  .attr("height", 400)
  .attr("id", "fillImage");

对于几个路径元素，我将fill属性更改为url('#fillImage')。所有这一切都是以白色路径为界的区域着色。  有没有人有任何想法？