2013-08-27 81 views
0

我對此沒有任何好運。基本上,該徽標顯示靜態默認值,而不是IE10的動畫。這對任何其他瀏覽器沒有問題。<canvas>不能在IE10中工作

標誌動畫是使用Adobe CS6導出創建的。

網站:http://barn2media.co.uk/northbromsgrove/

代碼:

<script> 
// Animated Logo 
var canvas, stage, exportRoot; 

function init() { 
    canvas = document.getElementById("canvas"); 
    images = images||{}; 

    var manifest = [ 
     {src:"images/bg.png", id:"bg"} 
    ]; 

    var loader = new createjs.LoadQueue(false); 
    loader.addEventListener("fileload", handleFileLoad); 
    loader.addEventListener("complete", handleComplete); 
    loader.loadManifest(manifest); 
} 

function handleFileLoad(evt) { 
    if (evt.item.type == "image") { images[evt.item.id] = evt.result; } 
} 

function handleComplete() { 
    exportRoot = new lib.north6copycs6450(); 

    stage = new createjs.Stage(canvas); 
    stage.addChild(exportRoot); 
    stage.update(); 

    createjs.Ticker.setFPS(35); 
    createjs.Ticker.addEventListener("tick", stage); 
} 
</script> 

希望有人可以幫助,非常感謝。

+0

我在Mac上工作,所以不得不使用第三方跨瀏覽器工具來檢查此問題。 http://www.browserstack.com/ 它適用於除IE10以外的所有瀏覽器和平臺。 – leannekera

回答

0

終於明白了爲什麼標識默認爲IE10中的靜態圖像而不是IE9 ......這是一個PHP問題。

基本上,爲了得到所述靜態圖像顯示選擇的圖像(依賴於頁)在IE8的,我用下面顯示一個靜態圖像,如果用戶是在IE8瀏覽或以下:

if (preg_match("/(?i)msie [1-8]/",$_SERVER['HTTP_USER_AGENT'])) { 
echo 'IE 8 and below image here'; 
} else { 
echo 'IE 9 and above here'; 
} 

的解

顯然由1-8參考後不添加\./,該代碼包括在IE10默認輸出。

if (preg_match("/(?i)msie [1-8]\./",$_SERVER['HTTP_USER_AGENT'])) { 
echo 'IE 8 and below image here'; 
} else { 
echo 'IE 9 and above here'; 
} 
1

通過按F12並查看右上角,檢查IE是否設置爲「兼容模式」。如果是這樣,請將其設置回常規的IE10模式。

+0

不,我有雙重檢查,並設置爲常規模式。 – leannekera

相關問題