从xml响应中获取svg元素

Question

当我尝试访问响应xml时，我收到错误。我想首先访问svg，然后获取svg视图框的高度和宽度或另一种方式。如何从响应xml访问svg以获取高度和宽度？

我想使用javascript（也许是jquery）来访问高度和宽度，如下所示：

this._imageW = jQuery（＆＃34; .SVGImage＆＃34;）。width（）; this._imageH = jQuery（＆＃34; .SVGImage＆＃34;）。height（）;

我正在使用方法下载文件，然后在xml中给我回复。 idk如何使用xml响应思想访问元素。

这是上面的反应。 我在控制台尝试了这个但是没有用

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

Answer 1

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

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

＆＃13;

＆＃13;

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));

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;