Get the latest tech news

Show HN: I made a 3D SVG Renderer that projects textures without rasterization

How can you make affine transformations (the only ones SVGs are capable of) resemble perspective transformations?

It’s easy to draw the box below, you can just project the face of each side of the cube into a polygon, but mapping the texture to that perspective transform isn’t natively possible! I was really curious how the last bullet point could work, and I could think of no other ideas that didn’t require rasterization. Because we can use the `defs` of the SVG to avoid repeating the image, we only need to define each clip path!

Get the Android app