spec - what is html
HTML en SVG en HTML (1)
Esto funciona bien para mí:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>HTML in SVG in HTML</title>
<style type=''text/css''>
svg { border: 1px solid black; }
svg div { border: 1px dotted blue; }
</style>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="500">
<foreignObject class="node" x="46" y="22" width="200" height="300">
<body xmlns="http://www.w3.org/1999/xhtml">
<div>The quick brown fox jumps over the lazy dog. Pack my box with
five dozen liquor jugs</div>
</body>
</foreignObject>
</svg>
</body>
</html>
Tengo un archivo SVG simple que se ve bien en Firefox - es un texto envuelto en un recuadro que usa un objeto externo para incluir algo de HTML - el texto está envuelto en el div:
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="500">
<foreignObject class="node" x="46" y="22" width="200" height="300">
<body xmlns="http://www.w3.org/1999/xhtml">
<div>The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs</div>
</body>
</foreignObject>
</svg>
Pero ninguna cantidad de firkling puede hacer que esto funcione como un elemento <svg> incluido dentro de un documento HTML. El div siempre acaba fluyendo con otros divs en el documento.
O esto es fundamentalmente imposible o estoy cometiendo un error con los espacios de nombres o algo así. Pero, ¿puede alguien envolver el SVG anterior en un documento HTML y hacer que muestre el texto en un cuadro del ancho x ancho dado en la posición dada (en relación con el SVG o su contenedor, por supuesto)?
No he visto un ejemplo de HTML en SVG en HTML, lo que me hace pensar que soy estúpido o imposible; los ejemplos que aparecen en Internet parecen ser solo cómo incrustar HTML en SVG como se indicó anteriormente. Voy más profundo.