Tags » svg
Drawing Truchet tiles in SVG
Using parametric templates to draw Truchet tiles, then placing them randomly to create generative patterns.
Two examples of hover styles on images
When I hover over an image, I can add a border to a link, or change the colours of an SVG icon.
TIL: How to embed an inline SVG in a CSS rule
Modern browsers allow you to embed the SVG almost as-is, with just a couple of characters that need escaping – no base64 required!
TIL: Pausing the animation of <svg> elements can affect child <svg> elements differently in different browsers
TIL: SVGs are only rendered on GitHub if you use an
<img>that points to another fileTIL: Animate an attribute of an element with <animate>
Drawing a circular arc in an SVG
A Python function to help me draw circular arcs, as part of an upcoming project.
Drawing with triangular coordinates in SVG
Some code and trigonometry for drawing shapes that don’t fit neatly into a rectangular grid.