如何在canvas元素中讀取SVG的viewbox屬性？

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>元素。