SVG көрүүчү
Raw SVG markup коюп, чийилген натыйжаны дароо preview кылыңыз.
Preview script'терди жана тышкы шилтемелерди өчүрөт, бирок 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 жана жүктөлгөн файлдар браузериңизде калат жана серверге жөнөтүлбөйт.
Script же foreignObject камтыган SVG'лерге эмне болот?
Коопсуз preview аларды чийүүдөн мурун алып салат жана info panel'де эскертүү көрсөтөт.
Тышкы сүрөттөрү же шрифттери бар SVG так ошондой көрүнөмбү?
Ар дайым эле эмес. Тышкы шилтемелер өчүрүлгөндүктөн, көрүнүшү баштапкы чөйрөдөн айырмаланышы мүмкүн. Бул курал коопсуз жергиликтүү текшерүүнү биринчи орунга коёт.
Эмне үчүн менин SVG көрүнбөй жатат?
Көбүнчө себептери: жараксыз XML, туура эмес attribute маанилери же түпкү элементтин `svg` болбошу. Курал көрсөткөн ката билдирүүсүн текшериңиз.
Эмне үчүн фонду алмаштырышым керек?
Тунук аймактар жана ачык түстөгү иконкалар фонго жараша башкача көрүнүшү мүмкүн, ошондуктан курал checker, ак жана караңгы фонду бат текшерүүгө шарт түзөт.
Эскертүүлөр
- Коопсуздук үчүн тышкы URL шилтемелери менен кооптуу элементтер чийүүдөн мурун өчүрүлөт.
- Тышкы шрифттерге же сүрөттөргө көз каранды SVG баштапкы чөйрөдөгүдөй көрүнбөшү мүмкүн.
- Өтө чоң SVG файлдары live preview режиминен автоматтык түрдө чыгып, кол менен render кылууну суранат.