Problema CORS di Amazon S3 con SVG su tutti i principali browser

Question

Ho impostato correttamente S3 (credo così !!) perché altre immagini e caratteri Web vengono caricati correttamente da S3. Tuttavia, nel mio disegno HTML, ho questo -

<svg><use xlink:href="assets/img/i.svg#i-facebook"></use></svg>

In qualche modo, non viene caricato su tutti i browser (ho testato su Chrome e Firefox). Su Chrome dà un errore almeno, Firefox lo respinge silenziosamente.

Ho appena trovato una risorsa simile - https://github.com/jonathantneal/svg4everybody/issues/16.

Come superare questo problema.

Answer 1

Generalmente parlando, questo è normale perché la condivisione delle risorse incrociate (CORS) non è stata abilitata sul bucket S3.

È possibile trovare un passaggio fino a enable it here. Controllare la parte intitolata "Come abilitare CORS on My Bucket?".

Answer 2

Dopo un certo numero di giorni esaminando questo, non c'è SOLUZIONE in questo modo nel modo in cui immaginiamo che il tag SVG <use> funzioni con CORS.

È una funzionalità che browser developers attendono dal SVG Working Group.