UNPKG

clip-path-polyfill

Version:

Clip path responsive cross-browser polyfill

20 lines (14 loc) 598 B
## 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!