canvas怎么兼容IE9以下版本？

Canvas 元素本身不兼容 IE9 以下的版本。IE9 才开始支持 HTML5 的 canvas。对于 IE8 及更早版本，你需要使用一些 polyfill 或替代方案来模拟 canvas 的功能。

以下是一些常用的方法：

ExplorerCanvas: 这是一个比较老牌的解决方案，它使用 VML (Vector Markup Language) 来模拟 canvas 的绘图 API。ExplorerCanvas 会检测浏览器是否支持 canvas，如果不支持，则会使用 VML 创建一个 canvas 元素的模拟。它尽可能地模仿 canvas 的 API，但并非完全兼容，可能会有一些差异和限制。
FlashCanvas: 这个方案使用 Flash 来模拟 canvas。它将 canvas 绘图命令转换成 Flash 绘图命令，并在 Flash 影片中渲染。这种方法的优点是渲染性能比较好，尤其是在处理复杂的图形时。缺点是需要用户安装 Flash 插件，而且 Flash 的安全性一直备受争议，现在已经逐渐被淘汰。
excanvas.js (Google): 也是一个基于 VML 的解决方案，由 Google 开发，曾经比较流行。但现在已经不再维护，不推荐使用。

如何选择和使用:

评估需求: 你的 canvas 应用复杂度如何？是否需要高性能的渲染？需要支持哪些 canvas API？
选择合适的 polyfill: 如果你的应用比较简单，ExplorerCanvas 可能就足够了。如果需要更好的性能，可以考虑 FlashCanvas，但需要权衡 Flash 的缺点。
引入 polyfill: 下载选择的 polyfill 库，并在 HTML 文件中引入。通常，你需要在 <head> 标签中引入，并在 canvas 元素之前。
测试: 在 IE8 和更早版本的浏览器中测试你的应用，确保 polyfill 能够正常工作，并且你的 canvas 代码能够正确渲染。

示例 (使用 ExplorerCanvas):

<!DOCTYPE html>
<html>
<head>
<title>Canvas in IE8</title>
<script src="excanvas.js"></script> </head>
<body>
<canvas id="myCanvas" width="200" height="100"></canvas>
<script>
  var canvas = document.getElementById('myCanvas');
  var ctx = canvas.getContext('2d');
  ctx.fillStyle = 'green';
  ctx.fillRect(10, 10, 50, 50);
</script>
</body>
</html>