如何在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>元素。