XML ayrıştırma hatası tetikler: burada codepen.io/acusti/pen/mJmVRySVG Sorunu gösteren bir codepen demo yapılmış Firefox
Ve bulunuyor Firefox'ta svg içeriğini yüklemek çalışırsanız alıyorum hatası:
XML Parsing Error: unclosed token
Location:data:image/svg+xml;utf8,<svg%20viewBox='0%200%20120%20120'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><circle%20cx='45'%20cy='45'%20r='30'%20fill='#555555'></circle></svg>
Line Number 1, Column 77:
<svg viewBox='0 0 120 120' version='1.1' xmlns='http://www.w3.org/2000/svg'><circle cx='45' cy='45' r='30' fill='
----------------------------------------------------------------------------^
Not: Bu hata, Firefox geliştirici araçlarındaki veri URI dizesini (.separator
öğesinin incelenmesi sırasında CSS Kuralları panelinin içinde) tıklatıp, bir araç ipucu “Resmi yükleyemedi” diyor. Aynı şeyi, Konum dizesini yukarıdaki hata iletisinden Firefox adres çubuğuna kopyalayıp yapıştırarak da yapabilirsiniz. veri URI'ları # karakter kullanılmasına yönelik
Aslında, sorunu fark ettiğimde, başka bir yerde gördüğünü gördüğümde başlayacağımı kontrol ettim ve dizede "#" karakterinin olmadığını fark ettim. Fakat kullandığım dolgu rengi sass değişkenini düşünmem düşünülmemişti. Teşekkürler! –
'encodeURIComponent (...)' bu sorunu benim için çözdü. –