0

私は Cordova を使用してアプリを開発しており、ユーザーが選択したページ画像をスライドしてズームできる雑誌セクションがあります。これは非常にうまく機能し、ブラウザーでのテストと iOS での結果に満足しています。

ユーザーがピンチまたはダブルタップすると、表示されている画像を含むレイヤーが scale3d を使用してスケーリングされます。画像は大きいため、ブラウザや iOS でスケーリングすると、非常にうまくリサンプリングされ、ユーザーはテキストなどを表示できます。

ただし、Android でアプリを実行すると、画像が再サンプリングされないように見え、その結果、ピクセル化されてぼやけたままになります。

画像を背景 (サイズ 100%) として設定し、img タグ (高さ、幅 100%) として設定しようとしましたが、どちらも Android でリサンプルしていないようです。

Androidで画像をリサンプリングする方法を提案できる人はいますか?

4

1 に答える 1

0

私はこれに似た問題を抱えていましたが、css 3d 変換をサポートし、ピクセル密度が 1 を超えるデバイスでは、backface-visibility. それがなぜなのか、一生説明することはできません。

-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;

また、3D トランスフォームを持たない一部の古いデバイスには にバグがあることに気付きましたbackface-visibility。そのため、常にそのままにしておくことはできませんでした。しかし、残念ながらバグが何であったか覚えていません。

Modernizr の実行を終了し、backface-visibility次のように必要な要素に上記を追加するだけです。

.csstransforms3d #path .to img { … }
于 2013-10-28T19:28:11.373 に答える