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

【问题标题】：Canvas image not appearing in IE10 and below画布图像未出现在 IE10 及以下版本中
【发布时间】：2015-06-02 20:15:05
【问题描述】：

不知道我在这里做错了什么，但显然我以某种方式扰乱了 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（右）的屏幕截图：

Demo（在https://jsfiddle.net/8fy3rv04/

我已经调整了我能想到的每个选项，并查看了 FabricJS documentation 中的 fabric.Image，但我看不出我在哪里可能做了一些激怒 IE 的事情。现在拔掉我的头发！

【问题讨论】：

标签： javascript html canvas fabricjs

【解决方案1】：

答案是一个简单的 CSS，将 imageSource 标记为 display:none。将图像加载到隐藏的 <img> 元素中然后将其放在画布上很有用，但我不得不通过 fabric.Image.fromURL 加载图像。

IE10 的一个非常奇怪的问题是 <img> 被隐藏了，当它被放到画布上时图像也是如此！奇怪。

【讨论】：