从Canvas生成图像,除Firefox外的所有浏览器都存在安全异常

Generating Images from Canvas, security exception in every browser except Firefox

本文关键字:浏览器 存在 异常 安全 Canvas 图像 Firefox      更新时间:2023-09-26

我正在使用Amazon::S3进行图像上传。当我在canvas标签中使用这些图像时,然后如果我尝试从canvas生成数据图像,它会给我CORS请求的安全例外。如果有人有想法,请指导我。

在Firefox中一切都很好。

你做得很好,但我认为fromURL只需要三个参数就可以使它工作,比如这个

new fabric.Image.fromURL(source, function(fabricImg) {
    _fabricImageLoaded(fabricImg, params);
}, {crossOrigin: 'Anonymous'});

我们需要在将图像加载到画布时传递crossOrigin属性,就像下面的一样

新面料。Image.fromURL(源,函数(fabricImg){

_fabricImageLoaded(fabricImg,params);

},null,{crossOrigin:"Anonymous"});

这将修复您的问题crossOrigin:"Anonymous"