исправить размытые фоновые изображения VML в Internet Explorer (Рафаэль)

Question

Я использую Рафаэля, чтобы создать векторную форму и залить ее фоновым изображением.

Изображение размыто в Internet Explorer. Вы можете увидеть это с помощью ie 8 на следующем URL https://justplay.thefa.com/

Кто-нибудь знает, как это исправить?

Спасибо

Answer 1

Для тех, кто находит это ... Я нашел решение своей конкретной проблемы после дня проб и ошибок.Я прочитал замечание, сделанное кем-то по поводу другого аспекта использования vml, с которым, как я помню, возникали проблемы во флэш-дни со шрифтами.

Проблема возникает, когда вы не используете целые числа для своих точек x / y в пути.В приведенной ниже строке приведен пример последнего поля, как оно было.

r.path('M4.5,24.875L175.5,17.95L175.5,136.598L4.5,132.125Z')

Эта проблема была решена путем удаления субпиксельного позиционирования, которое вызывало, например, попытку сглаживания изображения в пикселях

r.path('M4,25L175,18L175,136L4,132Z')

И у нас теперь есть намного более хорошие изображения

Answer 2

Вы пробовали использовать Raphael 2.0 ?Я думаю, что он все еще находится в стадии бета-тестирования, но я обнаружил, что он получил улучшенные возможности VML.

Также обязательно протестируйте поведение браузера с несжатой версией Raphael, поскольку минимизированные версии, похоже, содержат ошибки.Вместо этого я использовал Packer от Дина Эдвардса , который дал мне сжатую и свободную от ошибок версию библиотеки.