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