SVG плохо рендерится в Firefox - PullRequest
3 голосов
/ 11 апреля 2011

Я работаю над инфографикой со скользящей каруселью <li> s, но SVG в пикселях отображается в пикселях в Firefox, хотя ошибка с SVG в FF была решена, как мне показалось, Кто-нибудь может увидеть исправление для этого?

URL: http://weaver -wp.weavertest.com / радиационная инфографика /

Ответы [ 2 ]

5 голосов
/ 11 апреля 2011

Вы увеличиваете файл SVG до очень большого размера:

background-size: 9730px 30000px;
background-position: -7310px -29250px;

Большинство браузеров не сглаживают очень большие SVG-формы, так как для этого требуется слишком много графической памяти. (Это то, что мы видим в Safari и Chrome.) Похоже, что Firefox фактически отображает SVG по размеру холста, а затем увеличивает его с интерполяцией изображения в обрезанную область.

Исправление для обоих одинаково:
Сначала обрежьте SVG и используйте только обрезанную часть в качестве фона.

0 голосов
/ 19 января 2012

Используйте свойство viewbox элемента при панорамировании / увеличении. Это намного выше производительность и проще в использовании.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...