Проблемы с Firefox при отображении SVG (Firefox 55.0.3)

Question

Проблемы с Firefox при отображении SVG (Firefox 55.0.3)

Firefox не будет правильно отображать обложки книг SVG...

http://new.images.hindawi.org/kalimat/covers/svg/270x360/c/24972860.svg

Сравните ссылку выше в Firefox и Chrome. Раньше в Firefox все отображалось очень хорошо, но я думаю, что с последним обновлением что-то пошло не так.

Если кто-нибудь знает решение этой проблемы, было бы здорово.

Благодарю.

-1

html css svg firefox issuu

Источник

user1706198 18 сен '17 в 08:13

1 ответ

Решение

Другие вопросы по тегам html css svg firefox issuu

user1386703 18 сен '17 в 08:28 2017-09-18 08:28 · Accepted Answer · 2017-09-18 08:28

Если вы проверите свой браузер инспектор, то вы увидите ошибку:

В этом документе есть цепочка ссылок SVG, которая слишком длинная, что помешает правильному отображению документа.

Внутри вашего SVG-изображения их много:

<path clip-path="url(#SVGID_68_)" fill="#FFFFFF" d="..." />

Либо создайте менее точный SVG (меньше деталей), либо создайте его другим способом.

Поскольку он хорошо отображается в браузерах webkit, возможно, вы сможете использовать wkhtmltoimage для преобразования его на стороне сервера в PNG или JPG.