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!