캔버스 이미지 스크롤 성능 FF

Question

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 :

여기

는 코드 993,210

image.jpg를이 1784x534px이

아무도 나를 IE와 같은 FF에서 동일한 성능을 얻을 수 있도록 할 수

입니까? CSS 왼쪽 속성을 사용하려고했지만 성능이 여전히 느립니다. 감사합니다.

Answer 1

하드웨어 가속을 조사한 후. 나는 Firefox에서 "about : support"라는 "Direct2D Enabled"가 잘못된 버전의 그래픽 드라이버에 의해 차단되었다는 사실에 주목했습니다.

하드웨어 업데이트를 통해 업데이트되었으며, 이제는 속도가 훨씬 빨라졌습니다.