yoksel / relative-clip-path

Convert path to relative to make it flexible in CSS property clip-path

Clip-path converter

The converter is just preparing SVG path to be used in CSS clip-path.

If we'll take a path from editor or ordinary SVG icon, it'll have absolute coordinates and will not be stretched. There are some funny hacks to solve this problem, but I think, it will be easier to translate coordinates from absolute to relative and just use path.

Read about clip-path:

• Clip-path on MDN
• Clipping, Clipping, and More Clipping!
• Animating with Clip-Path
• and more...