SVG Viewer
ჩასვით raw SVG markup და მყისიერად ნახეთ დარენდერებული შედეგი.
Preview გამორთავს სკრიპტებსა და გარე ბმულებს, მაგრამ მაინც გაძლევთ საშუალებას შეამოწმოთ viewBox და ზომის დეტალები.
SVG preview: ჩასვით raw კოდი და შედეგი დაუყოვნებლივ შეამოწმეთ
viewBox-ისა და ზომის შემოწმება: გადახედეთ გამჭვირვალობას და პოტენციურად არაუსაფრთხო შიგთავსს
როგორ გამოვიყენოთ
- ჩასვით SVG კოდი ან ატვირთეთ `.svg` ფაილი.
- რენდერის შესამოწმებლად შეცვალეთ ფონიც და მასშტაბიც.
- გადახედეთ viewBox-ს, ზომის დეტალებს და გაფრთხილებებს, შემდეგ საჭიროების შემთხვევაში შეინახეთ SVG.
ნიმუში
მარტივი ხატულის SVG
შეყვანა
<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>
გამოტანა
ლურჯი წრიული ხატულა რენდერდება და info panel-ში viewBox `0 0 120 120` სახით გამოჩნდება.
ხშირად დასმული კითხვები
ჩემი SVG სადმე იტვირთება?
არა. ჩასმული SVG და ატვირთული ფაილები თქვენს ბრაუზერში რჩება და სერვერზე არ იგზავნება.
რა ემართება SVG-ს, რომელიც script-ს ან foreignObject-ს შეიცავს?
უსაფრთხო preview ასეთ ელემენტებს რენდერამდე აშორებს და info panel-ში გაფრთხილებას აჩვენებს.
გარე სურათებით ან შრიფტებით SVG ზუსტად ისე დაირენდერება?
ყოველთვის არა. გარე ბმულები გამორთულია, ამიტომ ვიზუალი შეიძლება საწყის გარემოსგან განსხვავდებოდეს. ეს ინსტრუმენტი უპირატესობას ანიჭებს უსაფრთხო ლოკალურ შემოწმებას.
რატომ არ რენდერდება ჩემი SVG?
ხშირი მიზეზებია არასწორი XML, attribute-ის არასწორი მნიშვნელობები ან ისეთი root ელემენტი, რომელიც `svg` არ არის. გადაამოწმეთ ინსტრუმენტის მიერ ნაჩვენები შეცდომა.
რატომ უნდა შევცვალო ფონური ფერი?
გამჭვირვალე ზონები და ღია ფერის ხატულები ფონზე ძლიერაა დამოკიდებული, ამიტომ ინსტრუმენტი საშუალებას გაძლევთ სწრაფად მოსინჯოთ checker, თეთრი და მუქი ფონი.
შენიშვნები
- უსაფრთხოებისთვის გარე URL ბმულები და საშიში ელემენტები რენდერამდე ითიშება.
- SVG, რომელიც გარე შრიფტებსა და სურათებზეა დამოკიდებული, შეიძლება საწყის გარემოში ნანახივით არ გამოიყურებოდეს.
- ძალიან დიდი SVG ფაილები live preview რეჟიმიდან ავტომატურად გამოდის და ხელით render-ს გთხოვთ.