Clip-path converter

requirements:

npm i -g vite

commands:

• start dev: npm start
• build: npm run build

Other

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