Как я могу добавить в foreignObject к SVG изображения

Question

Я SVG изображение поместить его в HTML, как это:

<object width="1615" height="534" data="image.svg"></object> 

SVGDocument доступен:

document.getElementsByTagName('object')[0].getSVGDocument() 

И я хотел бы добавить к foreignObject с пользовательский html. Возможно ли это и как это можно сделать?

Answer 1

Что-то вроде этого, я полагаю.

var doc = document.getElementsByTagName('object')[0].getSVGDocument(); 
var fo = doc.createElementNS("http://www.w3.org/2000/svg", "foreignObject"); 
fo.setAttribute("width", "100%"); 
fo.setAttribute("height", "100%"); 
var body = doc.createElement("body"); 
fo.appendChild(body); 
// etc to append whatever html content you want... 
doc.documentElement.appendChild(fo);