如何使用javascript在SVG中附加多个图像？

我需要在svg的不同位置附加两个图像。在这段代码之后，我只能看到一个图像。我无法获得第二张图像。让我知道我错过了什么

var imgs1 = svg.selectAll("image").data([0]);
imgs1.enter()
.append("svg:image")
.attr("xlink:href", "assets/images/Down_Green.jpg")
.attr("x", 3)
.attr("y", 256)
.attr("width", "10")
.attr("height", "10");

var imgs2 = svg.selectAll("image").data([0]);
imgs2.enter()
.append("svg:image")
.attr("xlink:href", "assets/images/Down_Green.jpg")
.attr("x", 210)
.attr("y", 256)
.attr("width", "10")
.attr("height", "10");

---

终于找到了答案

我按照下面的方法做了，结果成功了

var imgs1 = svg.append("g")
imgs1.append("svg:image")
.attr("xlink:href", "assets/images/Down_Green.jpg")
.attr("x", 3)
.attr("y", 256)
.attr("width", "10")
.attr("height", "10");

var imgs2 = svg.append("g")
imgs2.append("svg:image")
.attr("xlink:href", "assets/images/Down_Green.jpg")
.attr("x", 210)
.attr("y", 256)
.attr("width", "10")
.attr("height", "10");

---

现在我可以看到两张图片：）：）

终于找到了答案

我按照下面的方法做了，结果成功了

var imgs1 = svg.append("g")
imgs1.append("svg:image")
.attr("xlink:href", "assets/images/Down_Green.jpg")
.attr("x", 3)
.attr("y", 256)
.attr("width", "10")
.attr("height", "10");

var imgs2 = svg.append("g")
imgs2.append("svg:image")
.attr("xlink:href", "assets/images/Down_Green.jpg")
.attr("x", 210)
.attr("y", 256)
.attr("width", "10")
.attr("height", "10");

现在我可以看到两张图片：）：）