- 浏览: 57122 次
- 性别:
- 来自: 杭州
最新评论
文章列表
html5 Canvas 如何自适应屏幕大小
- 博客分类:
- html5
最简单使用Canvas元素:
<canvas width="300" height="300"></canvas>
这样就创建出一个空白画布。
但是这样创建出的画布不能随着浏览器窗口大小的改变而动态的改变画布的大小。而这一点往往又非常重要, 因为我们会经常改变浏览器窗口大小,不会一直保持某个固定的大小。
首先可以先准备一个canvas.css 放到html文件的同一目录下,css内容:
* { margin: 0; padding: 0; }
html, body { height: 100%; width: 100% ...