Home/ Questions/Q 5929263
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T14:23:57+00:00

In jQuery svg plugin ( http://plugins.jquery.com/project/svg ) work with svg is performed starting from

  • 0

In jQuery svg plugin (http://plugins.jquery.com/project/svg) work with svg is performed starting from div element and creating new svg object inside of div:

Attach an SVG canvas to a with the following:

$(selector).svg();

Is it possible to connect with jquery to existing svg-object? If “yes” how to do that?

EDIT:
Suggested tip:

<body onload="alert('loaded');testSvg();">
    <div id="div3" style="border: solid 1px black; width:200px; height:100px">
        <svg id="svg3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"></svg>
    </div>

    <script type="text/javascript">
    function testSvg() {
        var svgRootElement = $("#svg3").get();
        var svgWrapper = new $.svg._wrapperClass(svgRootElement);
        svgWrapper.circle(30, 25, 50, { fill: 'red' });
    }

causes an error:

‘TypeError: Unable to get value of the property ‘createElementNS’: object is null or undefined’ error…

why?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Yes, it is possible. It’s described here, although it’s a bit difficult to find. If you’re using inline SVG (e.g. you’re not embedding SVG into HTML using an object tag, or an iframe), then the following should work:

    $(document).ready(function(){
var svgRootElement = $("#myExistingSVGObject");
var svgWrapper = new $.svg._wrapperClass(svgRootElement); // this is the equivalent of what is returned from the call to .svg()
})
    • 0