Pimmesz
Reputation: 575
SVG clippath working in all browsers except Safari
My SVG with clippath on an image is working on all browsers except for Safari. I've tried implementing the clippath with -webkit but that does not make any difference. Below is a JSfiddle for reference.
Upvotes: 0
Views: 67
Answers (1)
enxaneta
Reputation: 33034
It works on Safari too if you close the image tag and use xlink:href instead of href.
<image width="100%" height="100%" style="clip-path: url(#clip-path-02);" preserveAspectRatio="xMinYMin slice" xlink:href="https://source.unsplash.com/random" />
Upvotes: 2
Related Questions
- Why doesn't CSS clip-path with SVG work in Safari?
- clip-path not working on safari even when using webkit prefix
- Trouble applying SVG clip-path with Safari
- SVG Clip-Path not working on Safari
- Clipping path in SVG not working in Safari
- Clip-path doesn't work in Firefox and IE
- SVG clip-path works in Chrome, but not in Firefox or Safari
- Svg clip-path doesn't work in Firefox, IE and Opera
- SVG clip paths only work in firefox-- not chrome or safari?
- What could make Safari skip clip-path AND mask with SVG?