当窗口尺寸变化时,自动获取浏览器大小并动态调整canvas画布,实现页面自适应效果。
1、 1>>
2、 新建HTML文件,重置基础样式,插入Canvas元素,并设置其背景颜色为红色。
3、 2>>
4、 使用jQuery编写,需先引入jQuery库文件。
5、 默认情况下,canvas画布的尺寸为300乘以150像素。
6、 3>>
7、 创建resizeCanvas函数,用于动态获取并调整canvas元素的尺寸大小。
8、 }
9、 4>>
10、 页面加载完成后,首先对canvas进行画布初始化设置。
11、 5>>
12、 窗口尺寸变化时,自动触发上述方法执行。
13、 6>>
14、 重新打开浏览器后,即可自动适配的canvas画布。

