Блог

Я использую Raphael для создания векторной фигуры и заливки ее фоновым изображением.

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

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

Спасибо

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

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

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

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

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

И теперь у нас есть гораздо более приятные изображения

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

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