SVG 上图像之间的间隙

问：

我曾经将一堆彼此相邻的方形图像布置成 ，但似乎有这些微小的间隙（在下图中以黄色突出显示）我无法摆脱。如何删除它们？svg.append(g)<g>

async function drawBackground() {
var array = await randomArray();
for (var i=0; i<array.length; i++) {
  var positionX = paddingLeft + i % imgPerRowCount * imgWidth;
  var positionY = Math.floor(i / imgPerRowCount) * imgHeight + scrollY;
  layerBackground.append("image")
    .attr("x", positionX)
    .attr("y", positionY)
    .attr("width", imgWidth)
    .attr("height", imgHeight)
    .attr("xlink:href", imgPath[array[i]]);
}

我看到了其他关于设置方形图像的父 div 以解决图像之间的间隙的帖子，但由于这是在 svg 上完成的，因此此方法不起作用。font-size: 0;