Excanvas: не отображается на странице - PullRequest
Новая
       25

Excanvas: не отображается на странице

0 голосов
/ 31 декабря 2011

Я пытаюсь заставить canvas работать с IE, используя excanvas.Однако, похоже, он нигде не отображается.

Приведенный ниже код работает во всех браузерах, кроме IE.

Я попытался выполнить рекомендации на странице проекта excanvas, но безрезультатно.

Любая помощь будет оценена! 

  <html>
    <head>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="excanvas.compiled.js"></script>
    </head>
    <body id="body">


<script type="text/javascript">

    load();

    function load(){

        var canvas = document.createElement("canvas");

        if(typeof G_vmlCanvasManager !== "undefined")
            G_vmlCanvasManager.initElement(canvas);

        var ctx = canvas.getContext("2d");
        ctx.fillStyle = "#FF0000";
                ctx.beginPath();
                ctx.arc(50,50,12,0,Math.PI*2,true);
                ctx.closePath();
                ctx.fill();

        document.getElementById("body").appendChild(canvas);
    }




</script>
    </body>
</html>

1 Ответ

0 голосов
/ 31 декабря 2011

Не спрашивайте меня, почему, но, очевидно, после создания статического холста и его рисования, динамически созданные начинают работать ... Кроме того, вызывая метод "load" в теле "onload" - вместо того, чтобы делать это напрямую - кажется, тоже важно (опять же, почему я так себя веду, я не понимаю).

Решение ниже работало хорошо для меня (IE6): 

<html>
    <head>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="excanvas.compiled.js"></script>
    </head>
    <body onload="load()" id="body">
        <canvas id="static" style="display:none"></canvas>
        <script type="text/javascript">
            function load(){
                // Static
                var canvas = document.getElementById("static");
                var ctx = canvas.getContext("2d");
                ctx.fillStyle = "#FF0000";
                        ctx.beginPath();
                        ctx.arc(50,50,12,0,Math.PI*2,true);
                        ctx.closePath();
                        ctx.fill();
                // Dynamic
                var canvas = document.createElement("canvas");

                if(typeof G_vmlCanvasManager !== "undefined")
                    G_vmlCanvasManager.initElement(canvas);

                var ctx = canvas.getContext("2d");
                ctx.fillStyle = "#FF0000";
                        ctx.beginPath();
                        ctx.arc(50,50,12,0,Math.PI*2,true);
                        ctx.closePath();
                        ctx.fill();

                document.getElementById("body").appendChild(canvas);
            }
        </script>
    </body>
</html>
...