从xml响应中获取svg元素

Question

当我尝试访问响应XML时出现错误。 我想先访问svg，然后获取svg视图框的高度和宽度或其他方法。 如何从响应xml访问svg以获取高度和宽度？

我想像这样使用javascript（可能是jquery）访问高度和宽度：

this._imageW = jQuery（“。SVGImage”）。width（）; this._imageH = jQuery（“。SVGImage”）。height（）;

我正在使用一种方法来下载文件，然后以xml格式给我响应。 idk如何使用xml响应思想来访问元素。

这是上面的回应。 我在控制台中尝试过此方法，但不起作用

如何访问svg元素的高度和宽度？

Answer 1

您将要使用jQuery函数$.parseHTML()将字符串c解析为HTML。

然后，您将获得一个变量，可以通过getElementByX()调用来访问该变量，并且可以找到所需的SVG元素。

 var c = '<svg width="200px" height="100px" viewbox="0 0 100 50"> <path d="M50,35 a20,20 0 1,0 0,-20 a20,20 0 1,0 0,20z" fill="white" stroke="black"></path> </svg>' var html = $.parseHTML(c); $('#width').html($(html).attr('width')); $('#height').html($(html).attr('height')); $('#output').html($(html)); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p>Height: <span id="height"></span> </p> <p>Width: <span id="width"></span> </p> <div id="output"></div>