D3.js d3中的图像图

我有一个JSON文件，其中包含图像文件名jpg及其2D坐标，以及文件夹中的所有图像。如何在指定坐标下在二维平面上绘制这些图像？

想象一下下面的json数组

[{
   x: 100,
   y: 100,
   url: 'https://i.stack.imgur.com/...'
}, {
   x: 110,
   y: 110,
   url: 'https://i.stack.imgur.com/...'
}, ...]

将图像放置在d3中的平面上非常容易：

设w=450，h=150； 让数据=d3.range10.mapi=>{ 返回{ x:数学，随机*w， y:数学，随机*h， 网址：'https://i.stack.imgur.com/EK1my.png?s=24&g=1' }}; d3.选择“身体” .append'svg' .attr'width'，w .attr'height'，h 。选择所有“图像” .数据 进来 .append'image' .attr'xlink:href'，d=>d.url .attr'x'，d=>d.x .attr'y'，d=>d.y