3 ms·
Another way is to write HTML/CSS and use satori [0] to convert that to SVG. It's meant for Open Graph images (the images that show up when you link a site in Di
by shepherdjerred 3y ago
Another way is to write HTML/CSS and use satori [0] to convert that to SVG. It's meant for Open Graph images (the images that show up when you link a site in Discord, Slack, Twitter, etc.), but it works quite well for anything.
This is obviously not as flexible as true SVG, but it is familiar to author for anyone who's written a React application. I've used it on the backend to generate match reports for League of Legends [1]
[0]: https://github.com/vercel/satori https://github.com/vercel/satori
[1]: https://github.com/shepherdjerred/glitter-boys https://github.com/shepherdjerred/glitter-boys
- otteromkram 3y agoYeah, there are lots of tools to help with this. Why post a link that is off topic? Might be hard to believe, but some folks want to learn stuff and understand how things work under the hood, which is a group that OP's site appears to target.
- CharlesW 3y ago> Why post a link that is off topic? Examining the output seems like another interesting way to learn SVG until one can speak it natively.
- fy20 3y agoActually I've been working on a task that needs me to generate SVGs today, and satori looks like it's going to be much easier to achieve what I want. So thanks shepherdjerred!
- simonw 3y agoSatori was a really useful tip for me too.
- lghh 3y agoThe parent comment was just offering alternative approaches to the problem that the thread's link addresses. That seems like a perfect use for a comment on this thread. It's the furthest thing from "off topic". > Might be hard to believe This is condescending and unhelpful.