canvas笔记-canvas适应浏览器（填充整个页面）
生活随笔
收集整理的這篇文章主要介紹了
canvas笔记-canvas适应浏览器（填充整个页面）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
這里有2個地方要設置：
1.html中的style。
2.在js中獲取父類的width或height。
?
如下，第一個問題：
index.html
<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title></title><style type="text/css">html {width: 100%;height: 100%;}body {width: 100%;height: 100%;margin: 0;}#canvasContainer {width: 100%;height: 100%;}#myCanvas {width: 100%;height: 100%;}</style> </head> <body style="height:100%"><div id="canvasContainer"><canvas id="canvas" style="height:100%">當前瀏覽器不支持Canvas，請更換瀏覽器后再試</canvas></div><script src="digit.js"></script><script src="countdown.js"></script> </body> </html>在canvas上套個div然后把所有相關結點的height都設置為100%
下面是腳本方面的設置：
在腳本中通過document.body.clientWidth和document.body.clientHeight。
?
?
總結
以上是生活随笔為你收集整理的canvas笔记-canvas适应浏览器（填充整个页面）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Arduino笔记-定时器中断(MsTi
- 下一篇： PHP笔记-双色球例子