在Javascripts D3中附加图像的另一种方法 [英] Another way of appending images in Javascripts D3
问题描述
当前使用它来附加图像:
Currently using this to append images :
nodes.append("image")
.attr("xlink:href", "./randomFile/randomImage")
.attr("x", -12)
.attr("y", -12)
.attr("width", 50)
.attr("height", 50)
;
使用"xlink:href"通知它.现在,除了在Firefox中运行之外,它都很好用.
Notices its using "xlink:href". Now this works great except in Firefox.
我可以通过shift +单击来选择节点.现在在firefox中执行此操作,因为它在html标记中有一个"href",它将在新窗口(如链接)中打开图像.
I have the ability to select nodes by shift + click. Now in firefox when doing this, as it has a 'href' in the html tag, it opens up the image in a new window (like a link).
我在这里有一个小提琴: http://jsfiddle.net/rxzyLsbg/
I have a fiddle here : http://jsfiddle.net/rxzyLsbg/
您会注意到左移图像+单击该图像不会打开新窗口,因为它具有'src'而不是'href'.
Which you notice the image on the left shift + clicking on that one doesn't open a new window as it has a 'src' not a 'href'.
我该如何在D3中执行此操作?
How do i do this in D3 ?
我尝试更改此内容:
.attr("xlink:href", "./randomFile/randomImage")
对此:
.attr("src", "./randomFile/randomImage")
但是根本不起作用.
我想要的是该图像不要成为链接,以便在按住Shift键并单击该图像时不会打开新窗口.
What I want is for the image not to be a link so it doesn't open a new window when shift + clicking on the image.
推荐答案
我可能对这个问题有误解,您可以尝试将其包装在a
标记中并传递给target
属性
I might be misunderstanding the question, you could try to wrap it in an a
tag and pass it the target
attribute
nodes.append("image")
.attr("href", "./randomFile/randomImage")
.attr('target', '_blank')
.attr("x", -12)
.attr("y", -12)
.attr("width", 50)
.attr("height", 50)
这将打开单击任何a
的内容,并将使用href
作为新标签的内容
That will open whatever a
is clicked and will use the href
as the content for the new tab
这篇关于在Javascripts D3中附加图像的另一种方法的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!