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