課程
/前端開發
/Html5
/炫麗的倒計時效果Canvas繪圖與動畫基礎
為何畫布無法適應瀏覽器,小球集中于數字底部
2015-07-29
源自:炫麗的倒計時效果Canvas繪圖與動畫基礎 5-6
正在回答
把body和canvas的width設置為100%就可以
<body style="width:100%;height:100%">
? ? <canvas id="canvas" style="width:100%;height:100%">
因為在最初的時候代碼是
<body style="height:100%">
? ? <canvas id="canvas" style="height:100%">
? ? ? ? 當前瀏覽器不支持Canvas,請更換瀏覽器后再試
? ? </canvas>
????畫布只能夠撐起所顯示字體的高度,也就是默認高度
舉報
學習HTML5中最激動人心的技術Canvas,徹底釋放自己的創造力
6 回答在一些瀏覽器上不能屏幕自適應耶
1 回答如何畫一條自適應的直線呢?
3 回答瀏覽器一點反應沒有額
2 回答自適應顯示問題和最小化瀏覽器后小球出現很多
2 回答老師,想問一下,為何我屏幕自適應這塊,瀏覽器縮小好的,放大了就只能看一半?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-12-07
把body和canvas的width設置為100%就可以
<body style="width:100%;height:100%">
? ? <canvas id="canvas" style="width:100%;height:100%">
2015-10-19
因為在最初的時候代碼是
<body style="height:100%">
? ? <canvas id="canvas" style="height:100%">
? ? ? ? 當前瀏覽器不支持Canvas,請更換瀏覽器后再試
? ? </canvas>
????畫布只能夠撐起所顯示字體的高度,也就是默認高度