キャンバス要素のSVGのビューボックス属性を読み取るにはどうすればよいですか？

Question

キャンバス要素にSVGを追加しました。 SVGのviewbox属性を読むためのアクセス権を得るにはどうすればよいですか？

var canvas = document.getElementById('myCanvas'); 
var ctx = canvas.getContext('2d'); 

var img = new Image(); 
img.id = "svgObjectElement"; 
img.type = "image/svg+xml"; 

img.onload = function(){ 

    ctx.drawImage(img,0,0); 

}; 

img.src = "mySvg.svg"; 

Answer 1

できません。ブラウザはSVGを読み込んでビットマップとしてレンダリングします。あなたが持っているのはImage()/HTMLImageElementです。実際のSVGはその時点で消えています。

SVGを別途ロードする必要があります。それを行うにはさまざまな方法があります。 AJAXを使用するか、DOMに<object>要素を作成します。