Fehler requestAnimationFrame im ie9 jede Alternative Lösung

Ich bin erstellen von Canvas (ich bin neu in diesem Canvas-Bereich), Objekt, Zylinder, dieser ist in Ordnung, Chrome & Firefox, aber wenn ich öffnen Sie die gleiche Datei in ie9.

Ich bin immer Fehler wie 'requestAnimationFrame' ist undefiniert

Wenn ich das google die Fehlermeldung es sagt requestAniationFrame funktioniert nicht bei ie9.

Kann jede Stelle mir helfen, mit dieser haben wir keine andere Möglichkeit um dieses Problem zu lösen.

und hier ist mein code

var canvas = document.getElementById("canvas");
        var context = canvas.getContext("2d");

        var degreeAngle = 0;
        requestAnimationFrame(animate);

        function drawRotatedCylinder(x, y, w, h, degreeAngle) {
            context.save();
            context.translate(x + w / 10, y + h / 10);
            context.rotate(degreeAngle * Math.PI / 180);
            drawCylinder(-w / 10, -h / 10, w, h);
            context.restore();
        }   
function animate() {
        //requestAnimationFrame(animate);
        context.clearRect(0, 0, canvas.width, canvas.height);
        drawRotatedCylinder(100, 100, 180, 180, degreeAngle++);
}

Bitte helfen Sie mir für die oben genannte Lösung

Dank Viele Grüße
Maha

InformationsquelleAutor user3820621 | 2014-07-10
  1. 20

    Erik Möller entwickelt eine robuste polyfill, dass Paul Irish beherbergt nun in seinen blog-post über requestAnimationFrame. Wenn Sie diesen code verwenden, können Sie mit requestAnimationFrame in so ziemlich jedem browser transparent:

    (function() {
    var lastTime = 0;
    var vendors = ['webkit', 'moz'];
    for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
        window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
        window.cancelAnimationFrame =
          window[vendors[x]+'CancelAnimationFrame'] || window[vendors[x]+'CancelRequestAnimationFrame'];
    }

    if (!window.requestAnimationFrame)
        window.requestAnimationFrame = function(callback, element) {
            var currTime = new Date().getTime();
            var timeToCall = Math.max(0, 16 - (currTime - lastTime));
            var id = window.setTimeout(function() { callback(currTime + timeToCall); },
              timeToCall);
            lastTime = currTime + timeToCall;
            return id;
        };

    if (!window.cancelAnimationFrame)
        window.cancelAnimationFrame = function(id) {
            clearTimeout(id);
        };
}());
    • danke @user1449556 es war in Ordnung arbeiten
    • Das Problem ist gelöst, ich habe die oben genannten javascript-bevor mein code es funktionierte gut ie9 noch einmal vielen Dank für alle
    InformationsquelleAutor user1449556
Schreibe einen Kommentar