在Internet Explorer（raphael）中修復模糊的vml背景圖像

Question

我正在使用Raphael創建矢量形狀並將其填充背景圖像。

在Internet Explorer中圖像模糊。 你可以看到這個使用ie 8在以下url https://justplay.thefa.com/

有沒有人知道如何解決這個問題？

感謝

Answer 1

對於任何發現此問題的人......經過一天的反覆試驗，我得到了針對特定問題的解決方案。我讀了一篇關於使用vml的另一個方面的評論，我記得在Flash字體中使用字體時遇到了問題。

當您不在路徑中使用整數作爲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 by Dean Edwards，它給了我一個壓縮的無缺陷版本的lib。