ホーム>source

キャンバスに描画したい長方形は、キャンバスのサイズに合わせてスケーリングされていると思います。私はそれらを8x8にしたいのですが、8x8として出力されません。

これが私のコードです:

ウィズウィズ
ウィズウィズ
ウィズウィズ

これが最後にどのように見えるかのスクリーンショットです:https://prnt.sc/r58bvl

function draw() { var canvas = document.getElementById('karte'); var ctx = canvas.getContext("2d"); Stuttgart = ctx.fillRect(10,10,8,8); }
あなたの答え
  • 解決した方法 # 1

    今のところ、画面上のキャンバスの幅と高さを、実際の幅と高さ(デフォルトでは300/150)とは異なるように設定しているため、何でもスケーリングされます。そう :

    エザー キャンバスに高さと幅を追加します。

    <前>ウィズウィズ

    または jsに手動で追加します。

    <前>ウィズウィズ <canvas id="karte" height="799" width="591"><canvas>

  • 前へ java - JPAクエリ:サブクエリをグループ化条件に結合する
  • 次へ BigQuery:カウントを行に変換