我正在尝试将div附加到SVG内,以创建图形。我试图使用下面的代码附加它,但是当我使用Firebug检查元素时,div显示在rect元素代码内,但是它没有显示在图形UI中。
rect
我尝试的方法有问题吗,还是无法在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");
您无法将HTML附加到SVG(从技术上讲,您可以使用foreignObject,但是这是一个小难题)。此外,在SVG可见元素不能嵌套,所以元素,例如circle,rect,path和这样不能生育的元素。
foreignObject
circle
path