2

スケーリング技術を使用して、Retina ディスプレイでのキャンバス Web アプリの解像度を向上させています。基本的に、ここで説明する手法は次のとおりです。

http://zsprawl.com/iOS/2012/03/html5-canvas-and-retina-displays/

ただし、横向きモードと縦向きモードで実行すると、パフォーマンスに大きな違いがあることがわかりました。これを実証するために、jsFiddle テスト アプリをセットアップしました。埋め込みバージョンを表示すると、違いがわかります。

http://jsfiddle.net/SaJ69/embedded/result/

（ /embedded/result/ を削除すると、元のフィドルに移動します。2つのリンクを含む投稿しかできませんでした）

これを iPad3 で表示しているときに縦向きと横向きを切り替えると (切り替えるたびにブラウザ ウィンドウを更新する必要があります)、縦向きモードが横向きモードよりも途切れ途切れになっていることがわかります。これを自分の Web サーバーで (jsFiddle ではなく) 実行すると、結果がより顕著になります。

私はいくつかのフレーム レート メトリックを実行しようとしましたが、ブラウザーが実際に更新される回数ではなく、描画呼び出しを行う回数のみを測定しています。

誰でもこれについて何か洞察がありますか？これはハードウェア関連の問題ですか? 理論的には、同じ描画呼び出しを実行し、同じ数のピクセルを埋めていますよね?

-クリス

4

2 に答える 2

0

キャンバスの幅を 1023 に固定して、倍密度のキャンバスの幅を 2046 px にすることが有効な修正の 1 つと思われます。Arima によって発見され、ここで説明されています: http://www.scirra.com/forum/retina-ios-performance-problem-fix-please-test_topic58742.html

于 2013-06-17T15:24:26.930 に答える
-1

横向きと縦向きでも同じ問題に遭遇しました。これは、iPhone 4、4s、および 5 でも発生します。Retina および倍密度キャンバスが関係する場所であればどこでも発生します。私が持っている唯一の回避策は、Apple が問題を修正するまで倍密度トリックを使用しないことです。

ただし、Retina を使用することに決めた場合は、デバイスの向きを検出し、キャンバスのサイズを変更して、横向きでのみ 2 倍の密度にすることができます...

于 2013-01-11T15:57:26.353 に答える