Dieser Code funktioniert in Chrome, Opera Yandex und IE-Browsern, konnte jedoch nicht auf Firefox ausgeführt werden.HTML5 Canvas: drawImage funktioniert nicht unter Firefox
"el" im Code ist mein Bild (gespeichert wie diese <img src="background.png"
).
fadeIn: function(el){
var self = this;
var alpha = 0;
var interval = window.setInterval(function(){
if (alpha < 1){
self.ctx.clearRect(0, 0, Lottery.Canvas.width, Lottery.Canvas.height);
alpha += 0.01;
self.ctx.globalAlpha = alpha;
self.ctx.drawImage(el, 0, 0);
} else {
clearInterval(interval);
}
});
}
Sie eine Bibliothek mit Cross-Browser-Kompatibilität nutzen könnten. Dieser ist leicht und hauptsächlich für Bildzeichnen/Animation: http://iio.js.org/ – Cbas
Hit 'F12' und überprüfen Sie die Konsole auf Fehler, FF ist nicht so fehlerverzeihend wie andere Browser, wenn es um JavaScript geht und dies könnte naja, ein Codefehler, aber ohne den Rest des Codes bin ich nur raten. – Blindman67
Keine Fehler, nichts, nur nicht das Bild zu zeichnen! –