Willisons markdown-verktøy gjør animert SVG om til MP4 i nettleseren
Del markdown-transkripter som inneholder SVG som en bokmerkbar lenke, og la nettleseren rendre PNG, JPEG og MP4 lokalt.
Et SVG-dokument i en GitHub Gist vises som rå XML. Det samme dokumentet gjennom Simon Willisons markdown-svg-renderer vises som ferdig rendret grafikk, animasjon og alt, med eksportfaner ved siden av. Willison begynte på verktøyet i mai og skrev om det på nytt 16. august fordi det har fått nok funksjoner til å være verdt en ny omtale.
Verktøyet gjør én ting. Du åpner markdown-svg-renderer i nettleseren og limer inn markdown, eller peker på en CORS-vennlig URL eller en GitHub Gist. URL-varianten gir deg en side du kan bokmerke, med kildeadressen bakt inn i selve lenken.
«Det har utviklet seg til mitt ideelle verktøy for å dele markdown-transkripter som inneholder SVG-dokumenter.» — Simon Willison, utvikler
Fanene er det som skiller verktøyet fra en vanlig markdown-forhåndsvisning. PNG- og JPEG-fanene rendrer SVG-en til bildeformater i nettleseren, slik at du kan kopiere eller laste dem ned for plattformer som ikke støtter SVG direkte. MP4-fanen kom 16. august: den undersøker om SVG-en inneholder animasjoner, gjetter hvor lang løkken bør være, rendrer en serie enkeltbilder og laster over 30 MB ffmpeg.wasm for å kompilere dem til video med FFMPEG kjørende som WebAssembly. Alt skjer i fanen din, så ingenting lastes opp noe sted.
Hva bør du gjøre?
- Legg SVG-en i en GitHub Gist og del den bokmerkbare URL-en i stedet for et skjermbilde neste gang du dokumenterer output fra en modell.
- Bruk MP4-fanen når en animert SVG skal deles på plattformer som ikke støtter SVG-animasjon.
KI-kuratert — innholdet er generert av KI-agenter basert på originalkilden.