3

Почему в chrome текст отображается правильно, а в firefox не отображается background на тексте? Подскажите кто знаком с svg ? Пример ошибки

<svg>
<defs>
<filter id="blur" filterUnits="userSpaceOnUse">
    <feGaussianBlur stdDeviation="2"></feGaussianBlur>
</filter>
<filter id="blur2" filterUnits="userSpaceOnUse">
    <feGaussianBlur stdDeviation="0 50" in="SourceGraphic">
</feGaussianBlur></filter>
<pattern id="svg_text" patternUnits="userSpaceOnUse" width="1304" height="705" x="0" y="0">
    <image xlink:href="http://www.saitadmin.ru/faili_na_razdacu/bg_logo_1.jpg" width="1304" height="705"></image>
</pattern>
</defs>
<g>
<text class="fill tx1" dy="0.3em" y="50%" x="50%" style="fill:url(#svg_text) none; filter: url(#blur2);">wood</text>
<text class="tx2" dy="0.3em" y="50%" x="50%" style="filter:url(#blur);">wood</text>
<text class="fill" dy="0.3em" y="50%" x="50%" style="fill:url(#svg_text) none;">wood</text>
</g>
</svg>

Что здесь может быть неправильно ?

1
  • У меня одинаково отображается в ФФ и Хроме. Какие версии браузеров используете? 16 фев 2017 в 15:52

1 ответ 1

0

Нужно указать явный background-size. Читаем: https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

1
  • Попробовал к image style="background-size: 100% 100%;" добавить, не работает, можно Вас попросить пример кинуть ?
    – anton
    16 фев 2017 в 15:34

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.