                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /炫丽的倒计时效果Canvas绘图与动画基础

自适应高度不对

这节代码在我的笔记本上显示的高度和预期效果不一致，输出的页面高度只有150左右，您课程的源代码的结果也是如此，可以怎么修改完成自适应呢、？

妍宝儿3846665

2016-08-21

源自：炫丽的倒计时效果Canvas绘图与动画基础 5-2

关注问题我要回答

1176

操作

收起

3 回答

人生如梦丶
2016-11-24

变量作用域的问题。

canvas_width=document.body.clientWidth;

canvas_height=document.body.clientHeight;

canvas.width=canvas_width;

canvas.height=canvas_height;

写成这样 html里面在加上 style="height：100%"

0 回复有任何疑惑可以回复我~

慕粉1470740819
2016-08-25

index的文件里改成这样<body style="height:100%">
<canvas id="canvas" style="width:100%;height:100%">

4 回复有任何疑惑可以回复我~

#1

原来是这样啊，谢谢

2016-09-12 回复有任何疑惑可以回复我~

mr丶kkkkkk
2016-08-25

浏览器兼容问题

window_height=document.body.scrollHeight||document.documentElement.scrollHeight;改成这个，而且不要用老师说的clientheight

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

炫丽的倒计时效果Canvas绘图与动画基础

参与学习 96746 人
解答问题 1000 个

学习HTML5中最激动人心的技术Canvas，彻底释放自己的创造力

本课相似问答

4 回答自适应高度不对

1 回答canvas宽度自适应

2 回答自适应问题

2 回答说好的自适应呢

1 回答加了自适应变成这样了？

搜索更多本课相关问答

自适应高度不对

我要回答关注问题

意见反馈帮助中心 APP下载