clip-path-polyfill
Version:
Clip path responsive cross-browser polyfill
20 lines (14 loc) • 598 B
Markdown
## Clip-path responsive cross-browser polyfill
- Support: **IE 9+**, Edge(12+), Chrome(4+), FF(3.6+), Safari(4+), Opera(10.1+),
- Dependencies: **JQuery**
- Replace **img** by **canvas**
### DEMO:
https://stasglebov.github.io/Clip-path-polyfill/
# How to use:
- Generate figure you need using http://bennettfeely.com/clippy/ ( for example )
- Include/import clip-path-polyfill.js file
- Add data attribute to img:
` <img src="img.jpeg" data-polyclip="0, 10%, 50%, 0, 75%, 75%, 0, 80%">`
**! IMPORTANT !**
You need separate every figure coordinate (x, y) by coma
## Enjoy!