如何將畫布展開到Firefox中的整個視口？

我有我的網站的靜態，測試版本在這裏舉行：如何將畫布展開到Firefox中的整個視口？

http://alexgolec.staticloud.com/

，但是當我在Firefox中火起來，在畫布上不能正常調整。我認爲問題的代碼行是在這裏：

var _docHeight = (document.height !== undefined) ? document.height : 
         document.body.offsetHeight; 
    var _docWidth = (document.width !== undefined) ? document.width : 
        document.body.offsetWidth; 

    ctx.canvas.width = _docWidth; 
    ctx.canvas.height = _docHeight;

此代碼工作正常在WebKit的瀏覽器，但壁虎似乎BARF就可以了。

來源

2012-08-19 Alex

該網頁看起來不錯。但是我不認爲你在Chrome上也能正確使用，因爲在調整大小後不會重新繪製背景。

您應該將事件偵聽器附加到onResize事件，並從該處理程序調用canvasMain()以使用新的畫布大小重新繪製每個事物。

關於尺寸問題，您應該使用window.innerWidth和window.innerHeight。因爲<body>打包的內容只有320px的高度，所以它不會填滿整個頁面。

來源

2012-08-19 16:27:25 xiaoyi

如何將畫布展開到Firefox中的整個視口？

回答

相關問題