Question

目前正在使用此附加图片：

nodes.append("image")
    .attr("xlink:href", "./randomFile/randomImage")
    .attr("x", -12)
    .attr("y", -12)
    .attr("width", 50)
    .attr("height", 50)
    ;

注意到它使用“xlink：href”。现在，除了Firefox之外，这个功能很棒。

我可以通过shift +点击选择节点。现在在firefox中执行此操作时，因为它在html标记中有一个'href'，它会在新窗口中打开图像（如链接）。

我有一个小提琴：http://jsfiddle.net/rxzyLsbg/

您注意到左移的图像+点击该图片并未打开新窗口，因为它的'src'不是'href'。

我如何在D3中执行此操作？

我试过改变这个：

.attr("xlink:href", "./randomFile/randomImage")

到此：

.attr("src", "./randomFile/randomImage")

但根本不起作用。

我想要的是图片不是链接，因此在移动+点击图片时它不会打开新窗口。

Answer 1

我可能误解了这个问题，您可以尝试将其包装在a标记中并将其传递给target属性

nodes.append("image")
    .attr("href", "./randomFile/randomImage")
    .attr('target', '_blank')
    .attr("x", -12)
    .attr("y", -12)
    .attr("width", 50)
    .attr("height", 50)

这将打开点击a的内容，并使用href作为新标签的内容

在Javascripts D3中添加图像的另一种方法

1 个答案: