I have a page that will show several svg images that will be generated from json data. I created a javascript class that will generate the svg but I don't know how to add it to the dom.
As a simple example:
<html>
<body>
<div class="myrow">
*i want to add the image here*
</div>
</body>
</html
I tried something like:
let x = new mysvgobject(json);
x.img.addTo('.myrow');
but it doesn't work. I think I need to convert that x.img to something the HTML will understand but don't know what that might be. Any help would be appreciated.
Found the answer. Just had to drill down further into the svg produced by the class with:
x.img.node.outerHTML
and drop it on the page.