Question

我需要在我的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");

Answer 1

终于找到了答案..

我按照以下方式做了它并且有效..

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");

现在我能看到两张图片...... :) :)

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

1 个答案: