SVG-megjelenítő
Illesszen be nyers SVG-jelölést, és azonnal tekintse meg a renderelt eredményt.
Az előnézet letiltja a szkripteket és a külső hivatkozásokat, miközben a viewBox és a méretadatok továbbra is ellenőrizhetők.
SVG-előnézet: illesszen be nyers kódot, és azonnal ellenőrizze az eredményt
viewBox- és méretellenőrzés: átlátszóság és esetleg nem biztonságos tartalom vizsgálata
Használat
- Illesszen be SVG-kódot, vagy töltsön be egy `.svg` fájlt.
- Váltson háttér és nagyítás között a megjelenítés ellenőrzéséhez.
- Nézze át a viewBoxot, a méretadatokat és a figyelmeztetéseket, majd szükség esetén mentse az SVG-t.
Minta
Egyszerű ikon SVG
Bemenet
<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>
Kimenet
Egy kék kör alakú ikon jelenik meg, és az információs panelen a viewBox `0 0 120 120` értékként látható.
GYIK
Feltöltődik valahová az SVG-m?
Nem. A beillesztett SVG és a betöltött fájlok a böngészőben maradnak, és nem kerülnek szerverre.
Mi történik a szkriptet vagy foreignObjectet tartalmazó SVG-kkel?
A biztonságos előnézet ezeket az elemeket eltávolítja a renderelés előtt, és figyelmeztetést jelenít meg az információs panelen.
Pontosan ugyanúgy renderelődnek az SVG-k külső képekkel vagy betűkészletekkel?
Nem mindig. A külső hivatkozások le vannak tiltva, ezért a megjelenés eltérhet az eredeti környezettől. Ez az eszköz a biztonságos helyi ellenőrzést helyezi előtérbe.
Miért nem jelenik meg az SVG-m?
Gyakori ok az érvénytelen XML, a hibás attribútumérték vagy az, hogy a gyökérelem nem `svg`. Ellenőrizze az eszköz által megjelenített hibaüzenetet.
Miért érdemes hátteret váltani?
Az átlátszó területek és a világos ikonok a háttértől függően nagyon másképp nézhetnek ki, ezért az eszköz gyorsan váltható sakktábla, fehér és sötét háttérrel dolgozik.
Megjegyzések
- Biztonsági okból a külső URL-hivatkozások és a veszélyes elemek renderelés előtt le vannak tiltva.
- Azok az SVG-k, amelyek külső betűkészletekre vagy képekre támaszkodnak, nem feltétlenül néznek ki ugyanúgy, mint az eredeti környezetben.
- A nagyon nagy SVG-fájlok automatikusan kilépnek az élő előnézeti módból, és kézi renderelést kérnek.