Shikuesi SVG
Ngjitni kodin e papërpunuar SVG dhe shikoni menjëherë rezultatin e renderuar.
Parapamja çaktivizon skriptet dhe referencat e jashtme, por ju lejon të kontrolloni viewBox dhe detajet e madhësisë.
Parapamje SVG: ngjit kodin e papërpunuar dhe kontrollo rezultatin menjëherë
Kontrolle të viewBox-it dhe madhësisë: shqyrto transparencën dhe përmbajtjen potencialisht të pasigurt
Si përdoret
- Ngjit kodin SVG ose ngarko një skedar `.svg`.
- Ndërro sfondin dhe nivelin e zmadhimit për të inspektuar renderimin.
- Rishiko viewBox-in, detajet e madhësisë dhe paralajmërimet, pastaj ruaje SVG-në nëse duhet.
Shembull
SVG e një ikone të thjeshtë
Hyrja
<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>
Rezultati
Rendohet një ikonë rrethore blu dhe viewBox shfaqet si `0 0 120 120` në panelin e informacionit.
Pyetje të shpeshta
A ngarkohet SVG-ja ime diku?
Jo. SVG-ja e ngjitur dhe skedarët e ngarkuar mbeten në shfletuesin tuaj dhe nuk dërgohen në server.
Çfarë ndodh me SVG-të që përmbajnë script ose foreignObject?
Parapamja e sigurt i heq ato elemente përpara renderimit dhe tregon një paralajmërim në panelin e informacionit.
A do të duken njësoj SVG-të me imazhe ose fonte të jashtme?
Jo gjithmonë. Referencat e jashtme çaktivizohen, prandaj pamja mund të ndryshojë nga mjedisi origjinal. Ky mjet i jep përparësi inspektimit të sigurt lokal.
Pse SVG-ja ime nuk shfaqet?
Shkaqet e zakonshme janë XML i pavlefshëm, vlera të gabuara të atributeve ose një element rrënjësor që nuk është `svg`. Kontrolloni mesazhin e gabimit të shfaqur nga mjeti.
Pse do ta ndryshoja sfondin?
Zonat transparente dhe ikonat me ngjyra të çelëta mund të duken shumë ndryshe në varësi të sfondit, ndaj mjeti ju lejon të provoni shpejt sfondin me model shahu, të bardhë dhe të errët.
Shënime
- Për siguri, referencat e URL-ve të jashtme dhe elementet e rrezikshme çaktivizohen përpara renderimit.
- SVG-të që varen nga fonte ose imazhe të jashtme mund të mos duken njësoj si në mjedisin origjinal.
- Skedarët shumë të mëdhenj SVG kalojnë automatikisht jashtë mënyrës së parapamjes së drejtpërdrejtë dhe ju kërkojnë ta renderoni manualisht.