Question

我在多个div中有多个svgs。

<div id="divA">
   <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">    
     <rect x="10" y="10" height="130" width="500" style="fill: #000000"/>

     <image class="myImg" x="20" y="20" width="300" height="80"
     xlink:href="img.png" />
   </svg>
</div>

我正在寻找一种方式来访问divA中的图像宽度和高度。如何获得分配给变量的img.png的宽度和高度？

Answer 1

您可以使用以下代码

var divA = document.getElementById("divA");
var imageInsideDivA = divA.getElementsByTagName("image")[0];

// Get Width
var width = imageInsideDivA.getAttribute("width");
// Get Height
var height = imageInsideDivA.getAttribute("height");
// Get value of xlink:href
var xlinkHref = imageInsideDivA.getAttribute("xlink:href");

获取驻留在div中的图像标记

1 个答案: