M
M
MaKS_Ibl42018-04-06 18:46:13
HTML
MaKS_Ibl4, 2018-04-06 18:46:13

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>

After declaring all, DEFS is closed, and after G is opened, it contains elements of the form:
<circle cx="125.72489" cy="225.85635" r="61.965416" id="circle450" fill="url(#pattern_id_0)" class="photo_circle"></circle>

Well, respectively, the closure of G is the closure of SVG.
Here, in this situation, in the browsers listed above, there is emptiness (

Answer the question

In order to leave comments, you need to log in

1 answer(s)
M
MaKS_Ibl4, 2018-04-09
@MaKS_Ibl4

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 question

Ask a Question

731 491 924 answers to any question