在Firebase Storage中启用CORS

Question

I'm developing an App using Angular 4 and Fabric.Js. As a Backend, I'm using firebase.

I'm having a problem when trying to apply filters to images. Example provided below:

filterTest() {
const image = this._canvas.getActiveObject();
image.filters.push(new fabric.Image.filters.Grayscale());
image.applyFilters();
this._canvas.renderAll();
}

When I try to execute the mentioned piece of code I keep getting the following error:

Failed to execute 'texImage2D' on 'WebGLRenderingContext': The cross-origin image at...

I'm saw some workarounds on the web, but no one seems to work for me.

What should I do? Did anyone have the same problem? Let me know if more info is needed!

Answer 1

For those who are looking for an answer for this problem:

My problem was that I was trying to load images from a JSON file using fabric.util.loadImage(), however I was not setting the last parameter to 'anonymous'!