← & CSS- utforming
& CSS- utforming · kjører lokalt

HTML til SVG-renderer

Gjør et renset HTML-fragment om til et skalerbart SVG-lerret der tekst og oppsett forblir skarpt ved ulike skjermstørrelser.

Klar. Arbeidsdataene dine forblir i denne nettleseren.

Hvorfor dette verktøyet er nyttig

Lag en selvstendig vektormodell, dokumentasjonsfigur eller gjenbrukbar grensesnittprøve fra HTML som ikke inneholder eksterne ressurser.

Hvordan det fungerer

Nettleseren fjerner kjørbar og nettverkskapabel markup, pakker den gjenværende XHTML-en inn i en SVG foreignObject, og eksporterer den nøyaktige avgrensede lerretsflaten som tekst.

Praktisk eksempel

Gjengi et produktkort på 1200 × 630, inspiser den genererte SVG-kilden og behold vektorartifakten for en responsiv dokumentasjonsside.

Validering

Beregningen er deterministisk og forklarer valideringsfeil i stedet for å endre ugyldig inndata uten å si noe om det.

Personvern-grense

Inndata og utdata forblir i denne fanen. Kopiering og nedlasting skjer via nettleser-API-er uten opplasting til en server.

Resultatpass

Hver kjøring rapporterer sin verktøymodus, tidsstempel og inndata / utdata størrelse slik at transformerte data kan revideres.