News for hackers. Stuff that matters.
Re:Learn SVG with 25 examples – How to code images in HTML by proto_codex on Thursday December 07, 2023 @10:54AM (#38557753)
Love this resource! I've coded a few inline svgs in react for some fun svg interactivity, and its a lot of fun to play with.

The <foreignObject> tag is especially useful, as it allows you to put normal html inside svg, so you can use html for things that html does better (links, images, basic flexbox styling etc) within a svg art project.

For the author, btw, a few links on the site are not working: your bio.link on the bottom of the page, and in Day 11: How to Draw Quadratic Bézier Curves with SVG, there is a link to an interactive bezier curve demo that is down.

Re:Learn SVG with 25 examples – How to code images in HTML by HunorBorbely on Thursday December 07, 2023 @11:25AM (#38558269)
Okay, I fixed the links to the interactive demos (somehow deep links do not always work on that site, probably because it's made with Vue). I don't see the problem with bio.link. What issue do you see?
Re:Learn SVG with 25 examples – How to code images in HTML by bambax on Thursday December 07, 2023 @11:10AM (#38558008)
Also at the bottom of page https://svg-tutorial.com/svg/transform the link to the "next example" is /svg/path which throws a 404; the correct link is /svg/use I think?
Re:Learn SVG with 25 examples – How to code images in HTML by HunorBorbely on Thursday December 07, 2023 @11:22AM (#38558202)
Good catch. Yes, I rearranged some chapters and I missed this link. Thank you, fixed
Re:Learn SVG with 25 examples – How to code images in HTML by HunorBorbely on Thursday December 07, 2023 @10:57AM (#38557793)
Damn, something is always broken. Let me look into it.

As for foreignObject, I also didn't knew about it. That's awesome