Convert SVG absolute clip-path to relative

Codes

Live demos

All together now

About

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...