javascript - SecurityError：无法在“HTMLCanvasElement”上执行“toBlob”：可能无法导出受污染的画布

Question

我正在使用以下代码从视频中提取图像，但出现了一些错误：

SecurityError：无法在“HTMLCanvasElement”上执行“toBlob”：可能无法导出受污染的画布。

经过一些 SO 研究，这似乎是图像 CORS 的一个安全问题，并且一些解决方案建议将 image.crossOrigin 设置为“匿名”。但它们似乎都没有应用于我下面的代码。

我应该如何/在哪里进行更改以修复此错误？谢谢。

 video.onseeked = () => {
            const canvas = document.createElement("canvas");
            canvas.height = video.videoHeight;
            canvas.width = video.videoWidth;
            const ctx = canvas.getContext("2d");
            ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
            canvas.toBlob(resolve, "image/jpeg", 1.0); // Where the error happens
        };

标签： javascripthtml5-canvascors