我知道为什么这不起作用,我只是不知道如何修复它。 我有这个codepen来显示问题。在所有浏览器中都可以使用,IE11除外:
http://codepen.io/r3plica/pen/QjmmGm
如果打开控制台,您将在除IE11之外的任何浏览器中看到它将显示宽度和高度。 在IE11中,它们都显示为0。 这是来自这段代码:
// Bind to the image onload function
img.onload = function () {
console.log(img.width);
console.log(img.height);
// Draw our image
ctx.drawImage(img, 0, 0);
// Release our URL
domUrl.revokeObjectURL(url);
}
基本上,IE没有获得SVG的宽度和高度.... 我做了上面的一个分支,表明我可以得到它来绘制SVG,但它会自我缩放。
http://codepen.io/r3plica/pen/yYKKGr
这有效,但我需要调整到实际高度(由SVG的原始大小计算出来),所以我需要访问SVG的宽度/高度属性。 有谁知道我如何在IE11上访问它们?