javascript - 圆形D3/JS中的东方图片

我有5张要附加到div上的图像，我想将其定位为圆形。这是将5张图片贴到感兴趣的div上的代码的片段：

diseases = ['d1', 'd2', 'd3']

images = d3.select('#welcome-container').selectAll('svg')
    .data(diseases).enter()
    .append('img')
    .attr('src', function(d) {return 'images/' + d + '_icon.png'})
    .attr('class', 'disease_icon')
    .attr('value', function(d) {return d})

结果是作为类的结果以给定的高度/宽度以线块形式排列的图像。我可以对.css或JS的这一部分进行某些操作以使它们定向成一个圆形吗？谢谢，

最佳答案

AFAIK，没有CSS会自动为您完成此操作。手动对齐图像并不难-您可以根据其索引翻译单个图像，例如

.attr("transform", function(d, i) {
  return "translate(" + (Math.cos(2*Math.PI/diseases.length*i)*radius) +
         "," + (Math.sin(2*Math.PI/diseases.length*i)*radius) + ")";
})