在IE8中让exanvas使用getContext时出现问题
||
我正在尝试实现excanvas，以确保canvas标记以及我们在此使用的所有其他浏览器都可以在IE8中使用。我在让getContext在IE8中工作时遇到问题。我已经了解了在DOM中动态创建画布对象时对G_vmlCanvasManager.initElement例程的需求，但是我什至无法获得静态创建的对象来在IE8中工作。因为边框出现，所以我可以确定画布已正确创建。所有其他浏览器都没有问题。这是代码：
<div align=\"right\">
<canvas id=\"myCanvas\" width=\"200\" height=\"100\" style=\"border:1px solid #c3c3c3;\">
Your browser does not support the canvas element.
</canvas>
<script type=\"text/javascript\">
var c=document.getElementById(\"myCanvas\");
if (typeof window.G_vmlCanvasManager!=\"undefined\") {
c=window.G_vmlCanvasManager.initElement(c);
var cxt=c.getContext(\"2d\");
}else
var cxt=c.getContext(\"2d\");
cxt.fillStyle=\"#FF0000\";
cxt.fillRect(0,0,150,75);
</script>
</div>
没有找到相关结果
已邀请:
2 个回复
信藉乒
<head> <!--[if lt IE 9]> <script type=\"text/javascript\" src=\"http://html5shiv.googlecode.com/svn/trunk/html5.js\"></script> <script type=\"text/javascript\" src=\"/assets/site/excanvas.min.js\"></script> <![endif]--> </head> <figure id=\"logo\" class=\"body\"> <canvas id=\"logo-canvas\" width=\"490\" height=\"135\"></canvas> <script src=\"canvas.js\" type=\"text/javascript\"></script> <script type=\"text/javascript\"> window.onload = function() { var c=document.getElementById(\"logo-canvas\"); var cxt=c.getContext(\"2d\"); drawLogo( cxt ); } </script> </figure><!-- /#logo -->\';芦歉竭皑