Я создаю веб-приложение на Angular 5, которое должно нормально работать и на мобильных устройствах.Индикатор выполнения представляет собой изображение SVG, созданное в Adobe Illustrator и экспортированное в SVG.Я сделал это работает нормально на Android, Mac и Windows (все браузеры), но у меня возникла проблема с отображением пути клипа в браузере Chrome или Safari, который работает на IPhone IOS.
Я пытался управлять им с помощью обычного
clip-path: url(#clip-path);
, а также с учетом специфики веб-набора:
-webkit-clip-path: url(#clip-path);
Но вот что-то вроде этого:
Предварительный просмотр изображения:
Я получаю это на Safari или Chrome на IOS:
Неправильный просмотр изображения:
Похоже, что отсечение полностью игнорируется, но странно то, что на Mac это работает нормально.
Пожалуйста, предложите, как решить эту проблему, так как яборолся с этим в течение нескольких дней.
Я также создал демо-версию