Javascript 是否可以在SVG元素中附加div?
我试图在SVG中附加一个HTML div,我试图创建一个图形。我试图使用下面的代码附加它,但当我使用Firebug检查元素时,div显示在Javascript 是否可以在SVG元素中附加div?,javascript,jquery,html,svg,Javascript,Jquery,Html,Svg,我试图在SVG中附加一个HTML div,我试图创建一个图形。我试图使用下面的代码附加它,但当我使用Firebug检查元素时,div显示在rect元素代码中,但它没有显示在图形UI中 我正在尝试的方法是否有问题,或者无法在SVG中附加div marker.append("rect") .attr("width", "50px") .attr("height", "50px") .append("div") .attr("id", function(d) {
rect
元素代码中,但它没有显示在图形UI中
我正在尝试的方法是否有问题,或者无法在SVG中附加div
marker.append("rect")
.attr("width", "50px")
.attr("height", "50px")
.append("div")
.attr("id", function(d) {
return "canvas_" + d.key.split(" ").join("_");
})
.style("width", "50px").style("height", "50px");
您试图在同一行中附加“rect”和“div”。这就是你失败的地方
看看这些D3的辅导课。。。这是一个基于SVG的惊人的库
您不能将HTML附加到SVG(从技术上讲,您可以使用
foreignObject
,但这是一个兔子洞)。此外,SVG中的可见元素不能嵌套,所以元素如<代码>循环>代码>代码> ReCT,<代码>路径< /代码>,这样就不能有子元素。 < P>我也会考虑使用<代码> <代码>元素,因为它通过分组对象来实现与<代码> <代码>类似的用途。p> 这对我们的直肠也不起作用。。我只是添加了rect,因为我想知道附加是否正确。请查看那些教程。我可以向你保证,你将学到的不仅仅是SVG……记住“代码> FooGoNobjist< /Cord>在伊江中不适用,如果你需要跨浏览器兼容。@山姆,如果它解决了你的问题,请考虑接受这个答案。我知道规范,我可以验证它是否正确。有趣!太糟糕了。有趣的事实:当您勾选“保留Illustrator编辑功能”选项时,显示在Adobe Illustrator保存的SVG中。“圆、矩形、路径等不能有子元素。”它们可以承载不可见的元素,例如。绝对正确。g标签更好。谢谢你的信息。