在特定高度的画布上绘制SVG - IE11无法正常工作

Question

我知道为什么这不起作用，我只是不知道如何修复它。 我有这个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上访问它们？