HTML5 Canvas自适应浏览器技巧

当窗口尺寸变化时，自动获取浏览器大小并动态调整canvas画布，实现页面自适应效果。

1>>

新建HTML文件，重置基础样式，插入Canvas元素，并设置其背景颜色为红色。

2>>

使用jQuery编写，需先引入jQuery库文件。

默认情况下，canvas画布的尺寸为300乘以150像素。

3>>

创建resizeCanvas函数，用于动态获取并调整canvas元素的尺寸大小。

}

4>>

页面加载完成后，首先对canvas进行画布初始化设置。

5>>

窗口尺寸变化时，自动触发上述方法执行。

6>>

重新打开浏览器后，即可自动适配的canvas画布。