javascript - 获取位于div中的图像比例

我在多个div中有多个svg。

<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的宽度和高度？

最佳答案

您可以使用以下代码

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

关于javascript - 获取位于div中的图像比例，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32002719/