1

我在此处托管了我的网站的静态测试版本：

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 浏览器中可以正常工作，但 Gecko 似乎对它嗤之以鼻。

4

1 回答 1

2

页面看起来很棒。但我不认为你在 Chrome 上也做对了，因为调整大小后没有重新绘制背景。

您应该将事件侦听器附加到 onResize 事件，并canvasMain()从该处理程序调用以使用新的画布大小重新绘制每个事物。

关于大小问题，您应该使用window.innerWidthand window.innerHeight。因为<body>被打包到只有 320px 高度的内容，所以它不会填满整个页面。

于 2012-08-19T16:27:25.857 回答