Question

我有这个基本的HTML5 / Canvas设置。它在Chrome和Firefox中运行良好。但是，我遇到了这些浏览器问题：

如果我在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>

Answer 1

IE8不支持画布，所以无论你看到它不是画布问题
您确定您的iTouch有Arial字体吗？如果您尝试使用sans-serif会发生什么？

基本HTML5 /画布设置。浏览器问题

1 个答案: