SVG қарау құралы
Raw SVG markup қойып, салынған нәтижені бірден preview жасаңыз.
Preview script-тер мен сыртқы сілтемелерді өшіреді, бірақ viewBox пен өлшем мәліметтерін тексеруге мүмкіндік береді.
SVG preview: raw code қойып, нәтижені бірден тексеріңіз
viewBox пен өлшем тексеруі: мөлдірлік пен ықтимал қауіпті мазмұнды қарап шығыңыз
Қолдану жолы
- SVG кодын қойыңыз немесе `.svg` файлын жүктеңіз.
- Салынуын тексеру үшін background пен zoom деңгейін ауыстырыңыз.
- 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` болмауы. Құрал көрсеткен қате хабарламаны тексеріңіз.
Неге background ауыстыруым керек?
Мөлдір аймақтар мен ашық түсті белгішелер background-қа қарай әртүрлі көрінуі мүмкін, сондықтан құрал checker, ақ және қараңғы фонды жылдам сынауға мүмкіндік береді.
Ескертпелер
- Қауіпсіздік үшін сыртқы URL сілтемелері мен қауіпті элементтер салудан бұрын өшіріледі.
- Сыртқы қаріптер мен суреттерге тәуелді SVG бастапқы ортадағыдай көрінбеуі мүмкін.
- Өте үлкен SVG файлдары live preview режимінен автоматты шығып, қолмен render жасауды сұрайды.