如何在canvas元素中读取SVG的viewbox属性？

Question

我已将一个SVG添加到canvas元素中。如何获取读取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>元素。