jest możliwe dołączenie elementu div wewnątrz elementu svg.

Question

Próbuję dołączyć element html div do svg, który próbuję utworzyć wykres. Próbuję go dołączyć za pomocą poniższego kodu, ale kiedy sprawdzam element za pomocą firebuga ... div jest wyświetlany wewnątrz "rect" kodu elementu, ale nie pojawia się w interfejsie graficznym. czy jest to coś pomieszanego z metodą, którą próbuję, czy też nie można się do niej przyczepić, aby dołączyć div wewnątrz svg?

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

Answer 1

Nie można dołączyć HTML do formatu SVG (technicznie można z foreignObject, ale jest to dziura królika). Ponadto widoczne elementy w SVG nie mogą być zagnieżdżone, więc elementy takie jak circle, rect, path i takie nie mogą mieć elementów podrzędnych.

Answer 2

Próbujesz dołączyć "rect", a także "div" w tej samej linii. Porbably że jest tam, gdzie zawodzą Sprawdź te tutotials dla D3 ... Jego niesamowite biblioteki oparte na SVG http://alignedleft.com/tutorials/d3/drawing-svgs/

Answer 3

Chciałbym również rozważyć użycie elementu <g>, ponieważ służy on do podobnego celu jak <div> przez grupowanie obiektów. More about it here.