Javascript HTML5画布，excanvas.js&；即IE7中未显示的文本_Javascript_Html_Canvas

Javascript HTML5画布，excanvas.js&；即IE7中未显示的文本

javascript html canvas

Javascript HTML5画布，excanvas.js&；即IE7中未显示的文本,javascript,html,canvas,Javascript,Html,Canvas,这个简单的画布脚本创建了一个带有边框和文本的矩形。它在Chrome和FireFox中工作。但是文本在InternetExplorer7.0中不起作用。我已经包括excanvas.js；因此，IE7中显示了矩形和边框。然而，文本并没有出现在IE7中。我想知道是否有可能让这个简单的脚本在IE7和IE8中工作 <!DOCTYPE html> <html lang="en"> <head> <link href = "style.css" type =

这个简单的画布脚本创建了一个带有边框和文本的矩形。它在Chrome和FireFox中工作。但是文本在InternetExplorer7.0中不起作用。我已经包括excanvas.js；因此，IE7中显示了矩形和边框。然而，文本并没有出现在IE7中。我想知道是否有可能让这个简单的脚本在IE7和IE8中工作

<!DOCTYPE html> 
<html lang="en">
<head>
    <link href = "style.css" type = "text/css" rel = "stylesheet" />
    <script src="js/excanvas.js" type="text/javascript"></script>

    <script type="text/javascript"> 
    function addBox(){
        var c = document.getElementById("myCanvas");
        context=c.getContext("2d"); 

        //Inner rectangle with shadow
        context.fillStyle = 'red';
        context.shadowColor="brown";
        context.shadowBlur = 20;
        context.fillRect(402,227,96.5,48.5); 
        context.shadowColor = null; 
        context.shadowBlur = null;      

        //Outer Rectangle
        context.lineWidth = '5';
        context.strokeStyle='green';    
        context.strokeRect(400,225,100,50); //draws just the edges of a rectangle               

        //font
        context.font = '17px Arial';        
        context.textBaseline = 'top';  
        context.fillStyle    = 'black';
        context.fillText  ('hello', 433, 243);
    }

    </script>
</head>

<body onload="addBox()"> 

    <canvas id="myCanvas" width="900" height="500">Your browser does not support the canvas element.</canvas> <br />
    <script type="text/javascript">     
        c = document.getElementById("myCanvas"); 
        cxt4=c.getContext("2d");
        resetCanvas();
    </script>
</body>
</html>


函数addBox（）{
var c=document.getElementById（“myCanvas”）；
context=c.getContext（“2d”）；
//带阴影的内矩形
context.fillStyle='red'；
context.shadowColor=“brown”；
context.shadowBlur=20；
fillRect（402227,96.5,48.5）；
context.shadowColor=null；
context.shadowBlur=null；
//外矩形
context.lineWidth='5'；
strokeStyle='green'；
strokeRect（400225100,50）；//只绘制矩形的边
//字体
context.font='17px Arial'；
context.textb基线='top'；
context.fillStyle='black'；
context.fillText（'hello'，433，243）；
}
您的浏览器不支持画布元素

c=document.getElementById（“myCanvas”）；
cxt4=c.getContext（“2d”）；
重置画布（）；

我刚刚在我的身上试过，结果也一样。然后我发现我使用的是早期版本的excanvas。再次使用运行代码，并在IE8中运行。还没有在IE7上测试过，但幸运的是它会起作用

史蒂夫

Steve

当我更改excanvas.js文件时，fillText正在工作

您在谷歌代码网站上看到过吗？您在谷歌代码网站上看到过吗？欢迎访问。您可能想解释您在此处更改了什么，因为外部链接往往会更改，并且查看此链接不允许回答。欢迎使用SO。您可能想解释一下您在这里更改了什么，因为外部链接往往会更改，并且查看此链接不允许回答。