SVG Baxıcı
Xam SVG işarələməsini yapışdırın və render olunmuş nəticəni dərhal önizləyin.
Önizləmə skriptləri və xarici istinadları söndürür, amma viewBox və ölçü detallarını yenə də yoxlamağa imkan verir.
SVG önizləməsi: xam kodu yapışdırın və nəticəni dərhal yoxlayın
viewBox və ölçü yoxlamaları: şəffaflığı və potensial təhlükəli məzmunu nəzərdən keçirin
Necə istifadə etməli
- SVG kodunu yapışdırın və ya `.svg` faylı yükləyin.
- Renderi yoxlamaq üçün fonu və böyütmə səviyyəsini dəyişin.
- viewBox, ölçü detalları və xəbərdarlıqları nəzərdən keçirin, sonra lazım olsa SVG-ni saxlayın.
Nümunə
Sadə ikon SVG-si
Giriş
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
Çıxış
Mavi dairəvi ikon render olunur və viewBox məlumat panelində `0 0 120 120` kimi göstərilir.
Tez-tez verilən suallar
SVG faylım hər hansı yerə yüklənir?
Xeyr. Yapışdırılmış SVG və yüklənmiş fayllar brauzerinizdə qalır və serverə göndərilmir.
script və ya foreignObject olan SVG-lərlə nə baş verir?
Təhlükəsiz önizləmə bu elementləri render etməzdən əvvəl silir və məlumat panelində xəbərdarlıq göstərir.
Xarici şəkillər və ya şriftlər olan SVG-lər tam eyni görünəcək?
Həmişə yox. Xarici istinadlar söndürülür, ona görə görünüş orijinal mühitdən fərqlənə bilər. Bu alət təhlükəsiz yerli yoxlamaya üstünlük verir.
Niyə mənim SVG-m render olunmur?
Ən çox rast gəlinən səbəblər etibarsız XML, səhv atribut dəyərləri və ya kök elementin `svg` olmamasıdır. Alətin göstərdiyi xəta mesajını yoxlayın.
Niyə fonu dəyişməliyəm?
Şəffaf sahələr və açıq rəngli ikonlar fondan asılı olaraq çox fərqli görünə bilər, buna görə alət dama, ağ və tünd fonları tez sınaqdan keçirməyə imkan verir.
Qeydlər
- Təhlükəsizlik üçün renderdən əvvəl xarici URL istinadları və təhlükəli elementlər söndürülür.
- Xarici şrift və ya şəkillərdən asılı SVG-lər orijinal mühitdəki kimi görünməyə bilər.
- Çox böyük SVG faylları avtomatik olaraq canlı önizləmə rejimindən çıxır və sizdən əl ilə render etməyi istəyir.