javascript - 从 xml 响应中获取 svg 元素

Question

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

我想使用 javascript(也许是 jquery)访问高度和宽度，如下所示:

this._imageW = jQuery(".SVGImage").width();this._imageH = jQuery(".SVGImage").height();

我正在使用一种方法来下载文件，然后以 xml 形式给我响应。不知道如何使用 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>