JavaScriptを使用して幅/高さまたはビューボックスに保存<img> SVG（jQueryの）

Question

を得ることがsvgソースファイルでimgの保存widthとheightまたはviewBox値を読み取るする可能性がありますか？ 私はこれを試しましたが、まだ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">