Nástroje pre vývojárov, po ktorých siahate každý deň, všetky na jednom mieste.

Konvertory, formátovače, hashe, validátory a malé utility, ktoré si stále znova otvárate, zostávajú pokope namiesto toho, aby sa strácali medzi kartami.

GitHub

/ Nástroje

■

/ Vyhľadávač nástrojov

109 nástrojov

/ SVG prehliadač

SVG kód

Šírka náhľadu (px)

Výška náhľadu (px)

/ Vybraný nástroj

■

SVG prehliadač - bezplatný formátovací nástroj

Zobrazte a náhľadujte SVG kód so zvýraznením syntaxe

■ 01

Čo je SVG?

SVG (Scalable Vector Graphics) je vektorový obrazový formát založený na XML pre dvojrozmernú grafiku. Na rozdiel od rastrových obrázkov je možné SVG škálovať na akúkoľvek veľkosť bez straty kvality, čo ich robí ideálnymi pre logá, ikony a ilus…

■ 02

Ako to funguje?

Vložte svoj SVG kód do textového poľa. Nástroj vykreslí živý náhľad a zobrazí kód so zvýraznením syntaxe. Upravte rozmery náhľadu, aby ste videli, ako sa SVG škáluje. Pomocou tlačidla Kopírovať skopírujete SVG kód…

■ 03

Ukážkové prípady

Pokrýva jednoduchý kruh a element path, aby ste mohli rýchlo porovnať bežné vstupy a výstupy.

/ Súvisiace nástroje

/ Kód

■

Zdrojový kód vybraného nástroja, zobrazený tu vedľa živej verzie napravo.

/ Zdrojový kód

TypeScript

typescript

// No external dependencies needed - SVG is native to browsers

// Create an SVG programmatically
function createSvg(width: number, height: number): string {
  return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${width} ${height}" width="${width}" height="${height}">
  <!-- Add your SVG elements here -->
</svg>`;
}

// Example: Create a circle SVG