SVG Viewer
I-paste ang raw SVG markup at agad na i-preview ang nire-render na resulta.
Hindi pinapayagan ng preview ang scripts at external references, pero puwede mo pa ring suriin ang viewBox at mga detalye ng sukat.
SVG preview: i-paste ang raw code at tingnan agad ang resulta
viewBox at size checks: suriin ang transparency at posibleng hindi ligtas na nilalaman
Paano gamitin
- I-paste ang SVG code o mag-load ng `.svg` file.
- Palitan ang background at zoom level para masuri ang rendering.
- Suriin ang viewBox, mga detalye ng sukat, at mga babala, tapos i-save ang SVG kung kailangan.
Halimbawa
Simpleng icon na SVG
Input
<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>
Output
Ipinapakita ang asul na icon na bilog, at ang viewBox ay ipinapakita bilang `0 0 120 120` sa info panel.
Mga Madalas Itanong
Ina-upload ba ang SVG ko sa kahit saan?
Hindi. Ang pasted SVG at mga load na file ay nananatili sa browser mo at hindi ipinapadala sa server.
Ano ang mangyayari sa mga SVG na may script o foreignObject?
Inaalis ng ligtas na preview ang mga elementong iyon bago i-render at nagpapakita ng babala sa info panel.
Pareho ba ang lalabas sa SVG na may external na images o fonts?
Hindi palagi. Hindi pinapagana ang external references kaya maaaring iba ang itsura mula sa orihinal na environment. Inuuna ng tool na ito ang ligtas na lokal na pagsusuri.
Bakit hindi nagre-render ang SVG ko?
Karaniwang dahilan ang invalid XML, maling attribute value, o root element na hindi `svg`. Suriin ang error message na ipinapakita ng tool.
Bakit ko papalitan ang background?
Iba ang dating ng transparent na bahagi at mapuputlang icon depende sa background, kaya puwede mong subukan agad ang checker, puti, at madilim na background.
Mga Paalala
- Para sa kaligtasan, hindi pinapagana ang external URL references at mapanganib na mga elemento bago i-render.
- Ang mga SVG na umaasa sa external na fonts o images ay maaaring magmukhang iba sa orihinal na environment.
- Ang napakalalaking SVG file ay awtomatikong lalabas sa live preview mode at hihilingin kang mag-render nang manual.