从xml响应中获取svg元素

Question

当我试图访问响应xml时，我得到了错误。我想首先访问svg，然后获取svg viewbox的高度和宽度或其他方式。如何从响应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>

​