基本HTML5 /畫布設置。瀏覽器問題

我有這個基本的HTML5/Canvas設置。它在Chrome和Firefox中運行良好。但是，我有這些瀏覽器的問題：基本HTML5 /畫布設置。瀏覽器問題

如果我加載大概在IE8十倍頁面時，它通常會在工作至少一次......我知道這聽起來很奇怪;我只能猜測它有與執行JavaScript的命令（？）有關。
該文本未顯示在我的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

感謝您的想法。我應該提到Stack Overflow的格式不允許我顯示這一行：我已經看到了與excanvas類似的ssetup工作。 JS。關於'arial'的提示，我將研究它。謝謝。 –

我剛剛編輯了文章，讓excanavas.js出現。 –

基本HTML5 /畫布設置。瀏覽器問題

回答

相關問題