У меня ужасная проблема с производительностью в FF.
Вот код:
JS:
var img = new Image();
img.src = 'image.jpg';
var w = $(window).outerWidth();
var h = $(window).height();
var addit = -1;
var scrollSpeed = 10; //fast in IE, but very slow in FF
var current = 0;
ctx = document.getElementById('canvas1').getContext('2d');
var init = setInterval(function(){
current += addit;
ctx.drawImage(img,current,0, w, h);
}, scrollSpeed);
CSS:
#canvas1 {
width:auto;
height:100%;
position: absolute;
top: 0;
left: 0;
}
body {
overflow: hidden;
}
HTML:
<body>
<canvas id="canvas1" width="1784px" height="534px"></canvas>
</body>
image.jpg - 1784x534px
Кто-нибудь может помочь мне получить такую же производительность в FF, как и в IE?
Я попытался использовать левое свойство CSS, но производительность все еще медленно.
Спасибо!