Javascript 画布图像未出现在IE10及以下版本中

我不知道我做错了什么，但很明显我不知道怎么搞砸了IE10。我有一些FabricJS，看起来很简单。它适用于除IE10及以下版本之外的所有版本。不知道为什么

var canvas = new fabric.Canvas('imageCanvas', {
    backgroundColor: 'rgb(240,240,240)'
});

var imgElement = document.getElementById('imageSource');
var fabricImg = new fabric.Image(
    imgElement, {
        selectable: false,
        evented: false,
        hasControls: false,
        hasBorders: false
     }
);

canvas.add(fabricImg);

显示IE10（左）和IE11（右）的屏幕截图：

演示（在

---

我已经调整了我能想到的每一个选项，并查看了

织物.Image

，但我看不出我可能在哪里做了一些事情来发泄愤怒，比如说，现在就把头发拔出来

答案是一个简单的CSS，它将

imageSource

标记为

display:none

。将图像加载到一个隐藏的

元素中，然后将其放在画布上是很有用的，但是我不得不通过

fabric.image.fromURL

加载图像

对于IE10来说，这是一个非常奇怪的问题，这意味着

被隐藏了，当它被放到画布上时，图像也被隐藏了！奇怪