Намоишгари SVG

Raw SVG markup-ро часпонед ва натиҷаи рендершударо фавран пешнамоиш кунед.

Пешнамоиш скриптҳо ва истинодҳои берунаро ғайрифаъол мекунад, аммо ҳамоно имкон медиҳад, ки viewBox ва тафсилоти андозаро санҷед.

Пешнамоиши SVG: raw code-ро часпонед ва натиҷаро фавран санҷед

Санҷиши viewBox ва андоза: шаффофият ва мундариҷаи эҳтимолан хатарнокро баррасӣ кунед

SVG-и шумо ҳеҷ гоҳ ба сервер фиристода намешавад. Коркард комилан дар браузер мемонад.
Аломатҳои хатарнок ва истинодҳои берунии URL дар пешнамоиш ғайрифаъол карда мешаванд.

Тарзи истифода

  1. SVG code-ро часбонед ё файли `.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-и нодуруст, арзишҳои бади атрибутҳо, ё root-элементе мебошанд, ки `svg` нест. Паёми хатогии нишон додашударо санҷед.

Чаро бояд заминаро иваз кунам?

Минтақаҳои шаффоф ва нишонаҳои равшан вобаста ба замина хеле фарқ мекунанд, бинобар ин асбоб ба шумо имкон медиҳад, ки заминаҳои checker, сафед ва торикро зуд санҷед.

Ёддоштҳо

  • Барои бехатарӣ, истинодҳои берунии URL ва элементҳои хатарнок пеш аз рендер ғайрифаъол карда мешаванд.
  • SVG-ҳое, ки ба шрифтҳо ё тасвирҳои беруна такя мекунанд, метавонанд ба монанди муҳити аслӣ намоиш нашаванд.
  • Файлҳои хеле калони SVG худкор аз пешнамоиши зинда хориҷ мешаванд ва аз шумо хоҳиш мекунанд, ки онҳоро дастӣ рендер кунед.