Streaming live at 10am (PST)

Cross Origin issues with image urls

I’m keen to try out Ben Howdle’s intriguing grade.js JavaScript library to generate colour-matched gradients around images on my Webflow hosted site.

Unfortunately, I run into a problem due to the fact that the images on the site are hosted (by Webflow) on Cloudfront, and as a result, the javascript throws a cross-origin error when trying to use the ‘getImageData’ function.

Is there any way to configure Webflow/Cloudfront to allow Cross Origin Resource Sharing (CORS)? My site is a Webflow CMS site, and the images form part of the CMS records, so hosting them elsewhere isn’t a particularly good option.

Any help appreciated!