Vizualizator SVG – Previzualizare, zoom și export PNG
Vizualizatorul SVG este un instrument de previzualizare SVG pentru a verifica cum se randează markup-ul SVG într-un browser. Lipește sau trage conținut SVG pentru a-l afișa într-un iframe complet izolat (sandbox), cu scripturile eliminate. Mărește sau micșorează, comută un fundal tip tablă de șah pentru a inspecta transparența, apoi descarcă SVG-ul sau exportă un PNG printr-un canvas.
Vizualizatorul SVG este un instrument online de previzualizare SVG care randează markup-ul SVG, astfel încât să poți inspecta rezultatul în browserul tău. Lipește sau trage conținut SVG pentru a vedea cum arată documentul, fără să te bazezi doar pe textul sursă. Previzualizarea este afișată într-un iframe complet izolat (sandbox), iar scripturile sunt eliminate.
Poți mări sau micșora pentru a inspecta imaginea randată la diferite scări și poți comuta un fundal tip tablă de șah pentru a vedea mai clar zonele transparente. Când ai terminat, descarcă SVG-ul sau exportă-l ca PNG printr-un canvas. Aceste controale fac simplă previzualizarea SVG online și alegerea unui rezultat potrivit pentru următoarea ta sarcină.
SVG este un format de imagine vectorială, în timp ce PNG este un format de imagine raster. Păstrarea unei imagini ca SVG este utilă când vrei documentul vectorial; exportul unui PNG îți oferă o versiune raster a previzualizării. Vizualizatorul acceptă atât descărcarea SVG-ului, cât și exportul unui PNG, așa că poți inspecta formatul sursă și poți crea un rezultat PNG când ai nevoie.
Vizualizatorul SVG rulează complet în browserul tău: intrarea ta este procesată pe dispozitivul tău și nu este încărcată, stocată sau trimisă către un server. Odată ce pagina s-a încărcat, funcționează offline fără dependență de un server. Este util pentru dezvoltatori și ingineri DevOps care trebuie să inspecteze un SVG pe care nu l-au creat, să-i verifice aspectul randat sau să exporte un PNG fără să trimită intrarea altundeva.
Pasul 1: Lipește markup-ul SVG sau trage un fișier SVG în instrument pentru a-l încărca spre previzualizare.
Pasul 2: Inspectează SVG-ul randat în previzualizare și verifică cum apar formele și textul.
Pasul 3: Mărește sau micșorează pentru a examina SVG-ul la diferite scări.
Pasul 4: Comută fundalul tip tablă de șah pentru a face zonele transparente mai ușor de văzut.
Pasul 5: Descarcă fișierul SVG sau exportă previzualizarea ca PNG printr-un canvas.
Caz de utilizare: Inspectează un document SVG pe care nu l-ai scris și pe care nu-l poți înțelege ușor doar citindu-i markup-ul.
Caz de utilizare: Verifică cum se randează un SVG înainte să-l folosești în codul care consumă sau afișează documentul.
Caz de utilizare: Analizează vizual un SVG mare în timp ce stabilești ce părți ale markup-ului trebuie să inspectezi sau să editezi.
Caz de utilizare: Mărește pentru a examina detalii dintr-un SVG când imaginea completă este greu de evaluat la scara inițială.
Caz de utilizare: Verifică zonele transparente activând fundalul tip tablă de șah.
Caz de utilizare: Exportă o previzualizare SVG ca PNG când ai nevoie de o imagine raster în locul documentului vectorial original.
Caz de utilizare: Descarcă SVG-ul după ce l-ai inspectat în browser.