2

iPad と HTML5 をいじっていますが、ディスプレイが Retina であるため、画面上のテキストの解像度が低いようです。lineTo/moveTo/stroke で描かれた線も同様です。テキストは context.fillText() で描画されることに注意してください

これは、網膜ピクセル比を処理するためにキャンバスを正しく設定していないためだと思われるので、ここの誰かが私が間違っていることを正確に理解できることを願っています.

次のようにキャンバスを設定しました。

<div id="container">
    <canvas id="canvas"></canvas>
</div>

CSS 属性を使用:

#canvas {
    width: 1024px; 
    height: 768px; 
}
#container {
    width: 1024px; 
    height: 768px; 
}

JavaScript では (インターネットで見たように)、次のように指定しました。

canvas.width = 2048;
canvas.height = 1536;

残念ながら、これは他のユーザーの場合のようにピクセレーションを停止しません。

何かが足りないのでしょうか、それとも指定が間違っていますか?

4

1 に答える 1

0

次の行をページ ヘッドに追加してみてください。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

このタグは、ページが元のサイズで表示され、そのサイズのままであることを確認します。

于 2013-07-27T15:13:20.237 に答える