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

为什么实际显示的数字只有上半部分？

查看高度代码，取值100%啊，这是怎么回事

bywater

2015-08-22

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

关注问题我要回答

1653

操作

收起

6 回答

yes居然被占用
2015-08-23

运行后高度为155，我也不清楚你在哪个位置还定义的和高度有关，把<canvas id="canvas" style="height:100%">

高度换成固定值就可以了

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

#1

bywater 提问者

代码本来就是那样的啊，默认值就是那样啊，高度是自适应，但没有响应自适应……我这里是要解决自适应的问题，不是将就。。。

2015-08-23 回复有任何疑惑可以回复我~

#2

yes居然被占用回复 bywater 提问者

WINDOW_HEIGHT = document.body.clientHeight 换成 WINDOW_HEIGHT = document.documentElement.clientHeight 就ok了，有时候document.body.clientHeight是娶不到值的

2015-09-04 回复有任何疑惑可以回复我~

#3

bywater 提问者回复 yes居然被占用

3Q,对对对！我后来找到原因了，页面具有 DTD，或者说指定了 DOCTYPE 时，就使用 document.documentElement，document.body这时就废了

2015-09-06 回复有任何疑惑可以回复我~

查看1条回复

晓庆浅浅
2015-09-21

<body style="width:100%;padding:0;margin:0">

<canvas id="canvas" style="width:100%;padding:0;margin:0;">

您的版本太低，请更换。

</canvas>

</body>

亲，只设置width:100%就可以了~~~

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

bywater 提问者
2015-08-30

你没有代码显示出来的啊

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

Nirvana_L
2015-08-29

你提交的代码需要把你注释掉的那两行取消掉，你可以看看我的最终的代码就知道了

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

Nirvana_L
2015-08-29

//这个问题的解决方法如下，就是要添加上width的设置就行了：

<body style="width: 100%;height:100%">
<canvas id="canvas" style="height:100%;width:100%">

</canvas>

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

bywater 提问者
2015-08-22

【补充】反而我注销掉这行代码，// WINDOW_HEIGHT = document.body.clientHeight

显示正常了，但是无法自适应了

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

举报

0/150

提交

取消

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

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

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

本课相似问答

1 回答为什么在火狐与谷歌浏览器里面只能显示数字的上半部分

2 回答为啥写出来数字只有上半部分，没有下半部分？哪位大神帮帮忙

5 回答数字有一部分显示不出来

4 回答老师，这个字体为什么只有一半啊！

2 回答为什么不显示数字啊？？？

搜索更多本课相关问答

为什么实际显示的数字只有上半部分？

我要回答关注问题

意见反馈帮助中心 APP下载