如何使OpenCV（JavaScript版）在Internet Explorer 11上运行？

Question

我正在尝试在IE11上使用OpenCV javascript版本进行轮廓检测。 我的代码可在所有其他现代浏览器上使用，但出现以下错误：

TypeError: Object doesn't support this action

我收到此错误的OpenCV库的代码行是：

var imgData=new ImageData(new Uint8ClampedArray(img.data),img.cols,img.rows);

因此，似乎IE11不支持该语法。 我一直在尝试找到一些polyfill来使它工作，但目前还没有运气。

因此，有人知道如何在IE11上实现这项功能吗？

谢谢。

Answer 1

IE浏览器不支持ImageData（）构造函数 ，您可以尝试使用CanvasRenderingContext2D.createImageData（）方法创建ImageData对象。

像这样的代码：

const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');

const imageData = ctx.createImageData(100, 50);
console.log(imageData);
// ImageData { width: 100, height: 50, data: Uint8ClampedArray[20000] }

Answer 2

我最终为此使用了一个polyfill，现在它可以与IE11一起使用。

我针对特定的用例做了一些更改，但是要点如下：

https://gist.github.com/Convicted202/7684bc8113b3011b4a6a1b2aa9f7a36f