IE 10 画布。如何解决错误？答案

【问题标题】：IE 10 canvas. How to solve errors?IE 10 画布。如何解决错误？
【发布时间】：2013-09-23 14:13:00
【问题描述】：

我从一个 Web 应用程序重定向到第二个（asp + js）。在 chrome 浏览器中一切正常，但在 IE 中出现错误。

我在这里读到了一个解决方案：https://code.google.com/p/explorercanvas/wiki/Instructions

所以我添加了这个：

type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js

type="text/javascript" src="excanvas.min.js"

并像这样声明 canvas 和 cxt：

canvas = document.createElement("gameCanvas");
G_vmlCanvasManager.initElement(canvas);
var cxt= canvas.getContext("2d");
    var ctx= canvas.getContext("2d");

但我仍然收到此错误：

(getcontext 对象不支持该属性或方法) http://oi42.tinypic.com/25t9oix.jpg

对我来说奇怪的情况是，在 IE 中，当我打开 html 应用程序文件时，我没有收到错误，并且应用程序运行良好。但是当我从本地主机（IIS）中的应用程序重定向到这个文件时，我遇到了所有这些问题。

你知道我还能做什么吗？

【问题讨论】：

什么是gameCanvas？据我所知，应该是document.createElement('canvas')
为什么在开发过程中使用缩小库？你的问题标题怎么了？这没有任何意义！
gameCanvas 因为<body onLoad="init();"> <canvas id="gameCanvas" width="800" height="500" style="background-color: black;"> 我试过用excanvas.min.js 和excanvas.js 效果是一样的。
请在您的问题中更加具体，另外，一些 HTML 源代码将有助于您调试代码
我的问题是我在将画布调整为 IE 10 时做错了什么？ sharetext.org/XXzm

标签： javascript jquery html canvas

【解决方案1】：

首先，IE10 支持画布元素。问题就在这里：

document.createElement("gameCanvas");

document.createElement 期望接收“div”、“span”、“canvas”等。不是 id。在您的评论中，您说您已经在 html 文件中设置了画布，如下所示：

<canvas id="gameCanvas" width="800" height="500" style="background-color: black;">

所以你不想创建这个元素，你想像这样检索它：

var canvas = document.getElementById("gameCanvas");
var cxt= canvas.getContext("2d");

如果您不担心旧版本的 IE，则无需 excanvas。

【讨论】：