Answer the question
In order to leave comments, you need to log in
Why doesn't fill(#id) work in FF and IE?
Hello, I noticed that in IE, Opera and FF the picture in fill does not work.
That is, I have an SVG tag, it contains DEFS, it contains patterns like:
<pattern id="pattern_id_0" width="100%" height="100%">
<image x="0" y="0" height="124" data-src="/upload/gallery/1521654189_gallery_1.jpg" xlink:href="/upload/gallery/thumb_1521654189_gallery_1.jpg">
</image></pattern>
<circle cx="125.72489" cy="225.85635" r="61.965416" id="circle450" fill="url(#pattern_id_0)" class="photo_circle"></circle>
Answer the question
In order to leave comments, you need to log in
If anyone is interested, the image tag must have both parameters (width and height). Without it, IE, Opera, etc. takes the missing parameter as 0, and if at least one of the parameters is 0, then the browser simply does not display it. Chrome has a simpler attitude to this)
ps: I only had the height set, hence the troubles in other browsers.
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question