问题
Im creating an web application in Angular 5 that should work fine also on mobile devices. The progress bar of it is an svg image, created in Adobe Illustrator and exported to svg. I have made it work fine on Android, Mac and Windows (all browsers) but Im having a problem with clip-path being rendered on Chrome or Safari browser that runs on IPhone IOS.
I have tried managing it by normal
clip-path: url(#clip-path);
and also by webkit specific:
-webkit-clip-path: url(#clip-path);
But insted of something like that:
Image preview:
I get this on Safari or Chrome on IOS:
Wrong image preview:
So it looks like clipping is completely ignored, but weird thing is that on Mac it works fine.
Please suggest how to solve it, as Im struggling with it for few days.
I have also created demo on
Stackblitz
来源：https://stackoverflow.com/questions/50733672/safari-ios-clip-path-does-not-work