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

时间:2015-10-26 13:14:51

标签: javascript svg

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

0 个答案:

没有答案