Gli strumenti per sviluppatori che usi ogni giorno, tutti in un unico posto.

Convertitori, formattatori, hash, validatori e le piccole utility che continui a riaprire restano insieme invece di perdersi tra le schede.

GitHub

/ Strumenti

■

/ Cerca strumento

109 strumenti

/ Visualizzatore SVG

Codice SVG

Larghezza anteprima (px)

Altezza anteprima (px)

/ Strumento selezionato

■

Visualizzatore SVG - strumento di formattazione gratuito

Visualizza e anteprima il codice SVG con evidenziazione della sintassi

■ 01

Cos'è l'SVG?

L'SVG (Scalable Vector Graphics) è un formato di immagine vettoriale basato su XML per la grafica bidimensionale. A differenza delle immagini raster, gli SVG possono essere scalati a qualsiasi dimensione senza perdita di qualità, il che li rende ideali per loghi, icone e illus…

■ 02

Come funziona?

Incolla il tuo codice SVG nell'area di testo. Lo strumento mostrerà un'anteprima dal vivo e visualizzerà il codice con evidenziazione della sintassi. Regola le dimensioni dell'anteprima per vedere come l'SVG si adatta. Usa il pulsante Copia per copiare il codice SVG…

■ 03

Casi di esempio

Copre un cerchio semplice e un elemento path, così puoi confrontare rapidamente input e output comuni.

/ Strumenti correlati

/ Codice

■

Codice sorgente dello strumento selezionato, mostrato qui accanto alla versione live sulla destra.

/ Codice sorgente

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