0

<canvas>クラスプロジェクトのチェッカーボードを使用しています。何らかの理由で、キャンバスがオフセットで始まっており、修正できません。 ここに画像の説明を入力

宿題なので、多くのコードを投稿したくありません。また、他の人に解決してもらいたくないのです。入れようとしましたが<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">、うまくいきません。私が基本的に行っているのは、0 から 8 までの i と j のネストされた for ループです。偶数/奇数の位置に基づいて色を変更しています。色を決めたらやってますctx.fillRect(i*50 ,j*50,50,50)

このオフセットはどこから来るのでしょうか? ありがとう

4

1 に答える 1

0

キャンバスのサイズは 400 x 400 ですか? そして、その灰色の背景を持つキャンバスを保持しているコンテナはありますか (#808080)?

もしそうなら、これは CSS の問題です。キャンバスに float:left のスタイルを指定してみてください。または、キャンバスをコンテナ内に絶対に配置します。

<canvas width="400" height="400" style="float:left"></canvas>

また

<div style="position:relative"><!-- containing element -->
    <canvas width="400" height="400" style="top:0; left:0;position:absolute">
    </canvas>
</div>
于 2013-03-11T02:31:03.423 に答える