得到 <img> svg使用Javascript（JQuery）保留宽度/高度或viewBox

Question

Is there a possibility to read a preserved width and height or viewBox values of the img with svg source file? I tried something like this but still get 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

By using SVG inside img tag you cannot access the svg attributes mostly try using tag attributes $('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">