What is this?

Clip Draw is a tool to make it easy and intuitive to get code for the clip-path property of complex polygons by drawing and dragging.

If you don't know about the clip-path property you can read about it here at MDN.

BTW this was made without any 3rd party library; just HTML, CSS and JS 😎

Credits

I couldn't have made this without these resources:

• A Simple Touchscreen Sketchpad using Javascript and HTML5
• Editing selections of path points or line
• Generating random colors
• Get a contrasting color