基本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 /画布设置。浏览器问题

回答

相关问题