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.innerWidthありwindow.innerHeightます。高さ 320px のコンテンツに詰め込まれているため<body>、ページ全体を埋めることはありません。

于 2012-08-19T16:27:25.857 に答える