Задать вопрос
@MaKS_Ibl4

Почему в FF и IE не работает fill(#id)?

Здравствуйте, обратил внимание что в IE, Opera и FF не работает картинка в fill.
То есть у меня есть тег SVG, в нём идёт DEFS в нём идут патерны вида:
<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>

После объявления всех идёт закрытие DEFS и после открытие G и в нём идут элементы вида:
<circle cx="125.72489" cy="225.85635" r="61.965416" id="circle450" fill="url(#pattern_id_0)" class="photo_circle"></circle>

ну и соотвественно закрытие G закрытие SVG.
Вот при таком раскладе в перечисленных выше браузерах пустота(
  • Вопрос задан
  • 39 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 1
@MaKS_Ibl4 Автор вопроса
Если кому то будет интересно, у тега image обязательно должны быть оба параметра (ширина и высота). Без этого IE, Opera и т.д. принимает отсутствующий параметр за 0, а если хоть один из параметров 0, то браузер просто его не отображает. Chrome к этому проще относится)

ps: у меня же была задана только высота, отсюда и траблы в других браузерах.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы