【html5】如何让Canvas标签自适应设备
2016-03-18 15:42
513 查看
javascript方法:
var oC=document.querySelectorAll('canvas')[0];
oC.width=document.documentElement.clientWidth;
oC.height=document.documentElement.clientHeight;
//oC.width=window.innerWidth;
//oC.height=window.innerHeight;
css方法:
html,body{width:100%;height:100%;margin:0;overflow:hidden;}
body{background:#000;}
canvas{background:#fff;height:100%;width:100%;}
作者:smile.轉角
QQ:493177502
var oC=document.querySelectorAll('canvas')[0];
oC.width=document.documentElement.clientWidth;
oC.height=document.documentElement.clientHeight;
//oC.width=window.innerWidth;
//oC.height=window.innerHeight;
css方法:
html,body{width:100%;height:100%;margin:0;overflow:hidden;}
body{background:#000;}
canvas{background:#fff;height:100%;width:100%;}
作者:smile.轉角
QQ:493177502
相关文章推荐
- h5标签语义化
- local storage (H5本地存储)
- html5九宫格布局
- VS2015 + Cordova Html5开发使用Crosswalk Web引擎
- HTML5课程大纲/学习路线
- 08. Web大前端时代之:HTML5+CSS3入门系列 ~ QQ空间时间轴
- H5的本地存储
- html5记录
- HTML5-见缝插针(Canvas)
- H5调用原生百度地图
- html5 常用标签和属性
- IE8及以下不识别H5标签
- HTML5新特性之音视频播放
- html5 表单样式 表单验证1 2 3
- HTML基础篇--H5新标签及属性
- HTML5自定义属性
- html5篇——音频/视频
- HTML5之FileReader的使用
- HTML5 FileReader
- H5图片压缩与上传