5 ms·
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 especia
by proto_codex 3y ago
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.
- HunorBorbely 3y agoDamn, something is always broken. Let me look into it. As for foreignObject, I also didn't knew about it. That's awesome
- bambax 3y agoAlso at the bottom of page https://svg-tutorial.com/svg/transform 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?
- HunorBorbely 3y agoGood catch. Yes, I rearranged some chapters and I missed this link. Thank you, fixed
- HunorBorbely 3y agoOkay, 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?