javascript - 使用 Javascript (JQuery) 获取 svg 保留宽度/高度或 viewBox

Question

是否有可能读取保存的 width和height或viewBox img 的值与 svg源文件？我尝试了类似的方法，但仍然得到 undefined .

$('img.cart').load(function(){
  console.log($('img.cart').children('svg').attr('viewBox'));
});

img {
  width: 50%;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img class="cart" src="https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/cartman.svg">

Answer 1

通过在 img 标签内使用 SVG，您无法访问 svg 属性，主要尝试使用标签属性 $('img.cart').css('height'));

$('img.cart').load(function(){
  console.log($('img.cart').css('height'));
});

img {
  width: 50%;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
   <img class="cart" src="https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/cartman.svg" height='30px;'>
<img class="cart" src="https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/cartman.svg" height='130px;'>
 <img class="cart" src="https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/cartman.svg">