0

Git で見つけた、雪の効果を生成するスクリプトを使用しています。コードのどこかで、雪が生成されるキャンバスの幅と高さを設定する必要があります。キャンバスをウィンドウの全幅/高さに設定しています:

canvas.width = $(window).width();
canvas.height = $(window).height();

ただし、ブラウザでレンダリングすると、高さと幅の両方に余分なピクセルがあり、ウィンドウにスクロールバーが追加されます。ここで動作を確認できます。幅/高さが間違って計算される理由、または実際のウィンドウの幅/高さよりも大きくなるような計算に干渉する何かがあるかどうかはよくわかりません。たぶん、誰かがその行動について別の見方をしている、または以前に遭遇したことがありますか?

4

1 に答える 1

1

canvas要素はデフォルトでインラインで表示されます。同様の問題については、こちらを参照してください。

解決策は非常に簡単です:) 次の css コードをキャンバス要素に追加します: display: block; スクロールバーが消えるはずです。

古い答え: 正常に動作しますが、値が大きすぎる$(window).width()理由がわかりません。$(window).height()以前に計算された幅には水平スクロールバーのサイズが含まれていないため、垂直スクロールバーも表示されます。

于 2013-01-01T16:56:29.020 に答える