'SVG.js How do I add an svg to the HTML page

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.

javascripthtmlsvg.js


Solution 1:[1]

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.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 kuru

Related Questions