기본 HTML5/캔버스 설정. 브라우저 문제

기본 HTML5/캔버스 설정이 있습니다. 크롬과 파이어 폭스에서 잘 작동합니다. 그러나, 나는이 브라우저 문제 데 : 내가 IE8의 열 배에 대한 페이지를로드하는 경우기본 HTML5/캔버스 설정. 브라우저 문제

를, 그것은 일반적으로 나는이 이상한 소리로 들리 겠지만 ... 적어도 한 번 에서 작동합니다; 나는 그것이 짐작할 수있다. 자바 스크립트가 실행되는 순서와 관련이있다 (?).
텍스트가 내 iTouch에 표시되지 않습니다.

편집 :이 코드에는 몇 가지 서식 문제가 있습니다. Excanvas가 사용됩니다 (아래에서 볼 수는 없습니다).

<!DOCTYPE html> 
<html lang="en"> 
<head>  


<!--[if IE]><script type="text/javascript" src="js/excanvas.js"></script><![endif]--> 

<script type="text/javascript">  

    function addBox(x, y, text){ 
     context.font = '17px Arial'; 

     context.textBaseline = 'top'; 
     context.fillStyle  = 'black'; 
     context.fillText (text, x, y); 
    } 

    function resetCanvas(){ 
     c = document.getElementById("myCanvas"); 
     context=c.getContext("2d"); 

     c.width = 450; 
     context=c.getContext("2d"); 

     //Draw Picture Frame around Canvas 
     context.lineWidth = 5; 
     context.strokeStyle="blue";  
     context.strokeRect(5,3,430,430);  
    } 

    $(document).ready(function() { 
     resetCanvas(); 
     addBox(200, 200,'hello'); 
    });  
</script>  


</head>  
<body>  

    <canvas id="myCanvas" width="900" height="450" >Your browser does not support the canvas element.</canvas> 
</body> 
</html>

출처

2011-08-19 John R

IE8 캔버스를 지원하지 않는, 그래서 당신은
확실히 당신의 iTouch 사용할 수 Arial 글꼴 당신을 가지고 있습니까 캔버스 문제가 아니라보고있는 무엇? 대신 sans-serif을 시도하면 어떻게됩니까?

출처

2011-08-20 01:28:35 robertc

아이디어를 제공해 주셔서 감사합니다. 스택 오버 플로우에 대한 서식을 지정하면이 줄이 표시되지 않습니다. excanvas와 비슷한 ssetup 작업을 보았습니다. js. 'arial'팁에 대해서, 나는 그것에 대해 조사 할 것이다. 감사. –

방금 excanavas.js가 나타나도록 게시물을 편집했습니다. –

기본 HTML5/캔버스 설정. 브라우저 문제

답변

관련 문제