SVG-праглядальнік Інструменты для выяў
Лакальная апрацоўка
Беларуская
English 日本語 ລາວ Монгол Oʻzbekcha Тоҷикӣ Кыргызча Қазақша Azərbaycan Հայերեն ქართული العربية Български বাংলা čeština Dansk Deutsch Ελληνικά Español Eesti Suomi Français हिन्दी ગુજરાતી ಕನ್ನಡ मराठी മലയാളം Srpski Slovenčina Slovenščina Kiswahili Hrvatski Magyar Indonesia Italiano 한국어 Lietuvių Latviešu Nederlands Norsk Svenska Polski Português Română Русский Українська Беларуская Shqip اردو தமிழ் తెలుగు Türkçe ภาษาไทย Tiếng Việt 简体中文 繁體中文 עברית ខ្មែរ Melayu မြန်မာ ਪੰਜਾਬੀ සිංහල Tagalog فارسی is

SVG-праглядальнік

Устаўце сырую SVG-разметку і адразу паглядзіце вынік рэндэрынгу.

Папярэдні прагляд адключае скрыпты і знешнія спасылкі, але дазваляе правяраць viewBox і памер.

SVG-папярэдні прагляд: устаўце сыры код і адразу праверце вынік

Праверкі viewBox і памеру: праверце празрыстасць і патэнцыйна небяспечны кантэнт

Ваш SVG ніколі не адсылаецца на сервер. Апрацоўка цалкам застаецца ў браўзеры.
Небяспечныя элементы і знешнія URL-спасылкі адключаюцца ў папярэднім праглядзе.

Як карыстацца

  1. Устаўце SVG-код або загрузіце файл `.svg`.
  2. Пераключыце фон і маштаб, каб праверыць адлюстраванне.
  3. Праверце 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>

Вынік

Сіняя круглая ікона адлюстроўваецца, а viewBox паказваецца як `0 0 120 120` у панэлі інфармацыі.

Часта задаваныя пытанні

Ці загружаецца мой SVG куды-небудзь?

Не. Устаўлены SVG і загружаныя файлы застаюцца ў вашым браўзеры і не адпраўляюцца на сервер.

Што адбываецца са SVG, якія змяшчаюць script або foreignObject?

Бяспечны прагляд выдаляе гэтыя элементы перад рэндэрынгам і паказвае папярэджанне ў панэлі інфармацыі.

Ці будуць SVG з вонкавымі выявамі або шрыфтамі выглядаць дакладна гэтак жа?

Не заўсёды. Знешнія спасылкі адключаюцца, таму выгляд можа адрознівацца ад зыходнага асяроддзя. Гэты інструмент аддае перавагу бяспечнаму лакальнаму прагляду.

Чаму мой SVG не рэндэрыцца?

Частыя прычыны — няправільны XML, няправільныя значэнні атрыбутаў або каранёвы элемент, які не з'яўляецца `svg`. Праверце паведамленне пра памылку, паказанае інструментам.

Чаму варта змяняць фон?

Празрыстыя вобласці і светлыя іконкі могуць выглядаць па-рознаму ў залежнасці ад фону, таму інструмент дазваляе хутка правяраць шахматны, белы і цёмны фоны.

Заўвагі

  • Для бяспекі знешнія URL-спасылкі і небяспечныя элементы адключаюцца перад рэндэрынгам.
  • SVG, якія залежаць ад знешніх шрыфтоў або выяў, могуць выглядаць не так, як у зыходным асяроддзі.
  • Вельмі вялікія SVG-файлы аўтаматычна пераходзяць з жывога папярэдняга прагляду ў ручны рэндэрынг.