html5 canvas ie8,IE8及以下IE浏览器支持canvas效果

下载文件：html5.js和excanvas.js。

在页面的head标签中添加以下代码：

这个是为了让IE8及以下IE浏览器认识h5新增的标签。

在页面的body标签下面添加以下代码：

...

把这个js脚本添加到最下面，是防止页面未加载完成页面就开始执行脚本。我刚开始把这个excanvas.js脚本放到head标签里引用，结果一直报

insertAdjacentHTML提示"用于此操作的原始HTML无效"的错误 。

浏览器不支持canvas

然后就可以随便玩儿了，我试着画了几个简单图形都没问题，使用fillText之类的方法也没错误。

当然还有一个特性，那就是让IE8支持css3的样式，首先是去http://css3pie.com网站下载最新版的pie。

然后添加以下样式：

#canvas1 {

background: #333;

border-radius: 15px;

behavior: url(pie/PIE.htc);

} 其中border-radius貌似是css3添加的样式属性，下面的behavior指定pie.htc的位置就可以了。