<canvas>는 IE10에서 작동하지 않습니다.

Question

나는 이걸 전혀 가지고 있지 않습니다. 기본적으로 로고는 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> 

희망 누군가가 도움이 될 수 있습니다, 많은 감사합니다.

Answer 1

마침내 로고가 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'; 
} 

Answer 2

F12을 누르고 오른쪽 상단을 보면 IE가 "호환성 모드"로 설정되어 있는지 확인하십시오. 그렇다면 일반 IE10 모드로 다시 설정하십시오.