IE 9 не рендерит изображения с помощью библиотеки Raphael JS - PullRequest
0 голосов
/ 29 ноября 2011

Я делаю анимацию Raphael JS, и по некоторым причинам я не могу получить изображения для рендеринга в Internet Explorer 9. Вот мой код:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <link type="text/css" rel="stylesheet" href="css/main.css" />
    <script type="text/javascript" src="scripts/raphael-min.js"></script>
    <script type="text/javascript" src="scripts/jquery-1.7.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        var layer0 = Raphael("layer0", 980, 650);
        var bg = layer0.image("images/landscape_background.jpg", 0, 0, aniWidth, aniHeight);
    });
    </script>
</head>

<body>
    <div class="layer" id="layer0">
    </div>
    <div class="layer" id="layer1">
    </div>
    <div class="layer" id="layer2">
    </div>
    <div class="layer" id="layer3">
    </div>
    <div class="layer" id="layer4">
    </div>
</body>

</html>

Он отлично работает в Chrome и Firefox, простоне то есть 9.

1 Ответ

1 голос
/ 30 ноября 2011

Вам нужно поместить функцию инициатора Raphael вокруг кода Raphael, чтобы она заработала.Например.raphael(function(){

...