canvas中的clearRect函数在ie下不能正常使用

wuyang528378 发布于 2012/09/28 16:27
阅读 1K+
收藏 0

代码如下:

<html>
<head>
 <title>ExplorerCanvas Example 1</title>
 <!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]-->
  <script type="text/javascript">
  function draw() {
       var canvas = document.getElementById("cv");
      if (canvas.getContext) {
       var ctx = canvas.getContext("2d");
           ctx.fillRect(25,25,100,100);
           ctx.clearRect(45,45,60,60);
           ctx.strokeRect(50,50,50,50);
       } 
    }  
    </script>
</head>
<body onload="draw();">
 <canvas id="cv" width="400" height="300"></canvas>
</body>
</html>

FF下运行正常,但是在ie8下确不能正常显示

究其原因,发现clearRect函数在ie8下有问题,把大的矩形全部删除了,而不是只删除中间一部分,但是我也不知道这个问题该怎么解决~无奈的求助

加载中
0
南山磨刀
南山磨刀

svn checkout  http://explorercanvas.googlecode.com/svn/trunk/ explorercanvas-read-only

 先尝试更新下你的excanvas版本。 然后看源码,看clearRect是否实现完全。利用firebug等调试工具在里面打断点调试。

0
w
wuyang528378

我看了下方法里面是这么写的:

contextPrototype.clearRect = function() {
    this.element_.innerHTML = "";
    this.currentPath_ = [];
  };

这个是不是不是最新的啊?如果是这个问题哪里有新的版本的下载呢?

0
leo108
leo108
canvas不是html5的东西么,IE8支持?
返回顶部
顶部