問題タブ [blurry]

Y座標に1/2ピクセルを加算または減算しない限り、グラフィックがぼやけて見えます。

これは、座標がサブピクセル値に設定されている場合に通常発生する症状であることを私は知っています。それは私の見解の1つがオフか何かでなければならないと私に信じさせます。

しかし、ウィンドウ、ビューコントローラ、およびサブビューを調べたところ、サブピクセル値の原点または中心は見つかりませんでした。

私は困惑しています、何かアイデアはありますか？

InternetExplorerを使用してhttp://jumardirectsites.com/_dev/kabnick/をご覧ください。スライドがフェードすると、テキストは消える前に少しの間、ひどいぼやけた輪郭になります。IE7、8、9で発生しています。これを修正するにはどうすればよいですか？

ザック

私はopenglベースのGIS/マッピングプログラムを書き直しています。特に、このプログラムを使用すると、海図のラスターイメージをロードし、それらをlon / lat座標に修正し、ズームおよびパンすることができます。

以前のバージョンのプログラムは、カスタムタイリングシステムを使用しており、基本的に、元の画像のミップマップを、さまざまな2の累乗ズームレベルで256x256ピクセルのタイルの形式で手動で作成します。ズームレベルn-1のタイルは、単純な4点平均アルゴリズムを使用して、ズームレベルnの4つのタイルから構成されます。そのため、opengl mipmappingをオフにし、代わりに、チャートの一部をズームレベルで描画するときに、最も近いズームレベルのタイルを使用します（つまり、タイルは2の累乗ズームになります）。レベルが、プログラムは任意のズームレベルを許可します）そして実際のズームレベルに一致するようにタイルをスケーリングします。そしてもちろん、さまざまなレベルでこれらすべてのタイルのキャッシュを管理する必要があります。

このタイリングシステムは非常に複雑であるように私には思えました。グラフィックハードウェアにこのミップマップ作業のすべてを任せることができるはずだったようです。そのため、新しいプログラムでは、画像を読み込むときに、それぞれ1024x1024ピクセルのテクスチャに切り刻みます。次に、各テクスチャをそのlon / lat座標に固定し、ズームおよびパンしながら残りをopenglに処理させます。

それは機能しますが、問題は次のとおりです。元のプログラムよりも結果が少しぼやけています。これは、チャート上のテキストをできるだけ早くズーム方向に読み取れるようにするため、このアプリケーションにとって重要です。したがって、元のプログラムが使用する単純な平均4ポイントのアルゴリズムは、シャープネスの点で、opengl +myGPUよりも優れた結果をもたらすように見えます。

ミップマップの動作のいくつかの側面を制御するためのglTexParameter設定がいくつかあることを私は知っています。GL_TEXTURE_MAX_LEVEL（0から10までの任意の場所）とGL_TEXTURE_MIN_FILTERのさまざまな設定のさまざまな組み合わせを試しました。GL_TEXTURE_MAX_LEVELを0（ミップマップなし）に設定すると、確かに「シャープな」結果が得られますが、それもそうです。ピクセルがあちこちにドロップされるという意味でシャープであるため、中間ズームでは数値が読み取れません。GL_TEXTURE_MAX_LEVELをより高い値に設定すると、ズームアウトしたとき（たとえば、グラフ全体が画面に収まるとき）に画像が非常によく見えますが、中間ズームにズームインすると、特に見ているときにぼやけがわかります。チャート上のテキスト。（つまり、テキストがなかった場合、「うわー、openglは私の画像をスムーズに拡大縮小するのに素晴らしい仕事をしている」と思うかもしれませんが、テキストでは「なぜこのグラフの焦点が合っていないのですか？」と思います）

私の理解では、基本的にはopenglにミップマップを生成するように指示し、ズームインすると使用する適切なミップマップが選択されます。2つの最も近いミップマップレベル間を補間するためのいくつかの制限されたオプションがあり、最も近いピクセルを使用するか、近くのピクセル。ただし、私が言っているように、これらの組み合わせはいずれも、グラフの同じズームレベル（つまり、「7ポイント」や「以前のタイルベースのバージョンと同様に、8ポイント "サイズ）。

私の結論は、openglが作成するミップマップは、前のプログラムが平均4点アルゴリズムで作成したものよりも単純にぼやけており、適切なミップマップまたはLINEAR vs NEARESTを選択しても、必要なシャープネスが得られないということです。

特定の質問：

（1）openglが実際に元のプログラムの平均4点アルゴリズムよりもぼやけたミップマップを作成しているのは正しいように思われますか？

（2）openglが作成しているミップマップを使用してよりシャープな結果をもたらす可能性のあるglTexParameterの使用で見落としていた可能性のあるものはありますか？

（3）「キュービック」フィルターを使用したり、ミップマップ作成プロセスを制御したりするなど、最初にopenglを使用してよりシャープなミップマップを作成する方法はありますか？または、同じ平均4ポイントのコードを使用して、ミップマップを手動で生成し、openglに渡すことができるようです。しかし、私はそれを行う方法がわかりません...

アプリケーションでUIPopoverControllerを表示していますが、コンテンツビューが少しぼやけて表示されています。

実例を示すために、コンテンツビューコントローラーの2番目のインスタンスをself.viewに直接配置しました。これを比較すると、ポップオーバーのテキストがあいまいであることが簡単にわかります。この問題は、デバイスとシミュレータの両方で発生します。

スクリーンショット：

コード：

これを引き起こす可能性のあるアイデアはありますか？UIPopoverはビューを少し縮小しているのではないかと思いましたが、2つの例を画像エディターで並べたところ、サイズに違いはありません（ただし、ポップオーバービューでは明確な「ファズ」があります）。

WEPopover（https://github.com/werner77/WEPopover/）を使用しても同じ問題が発生します。

ありがとう。

この問題は、iPhoneを含むすべてのWebKitベースのブラウザに影響するようです。

最初にいくつかの背景。私が取り組んでいるサイトは、JavaScriptベースの「スライダー」アニメーションを使用しています。

私は-webkit-transform: translate3d実際のアニメーションを「パワー」するために使用しています。この方法を使用する場合、JavaScriptベースの方法とは対照的に、コンテンツがアニメーション化されると、テキストはすべてぼやけます。これはiPhoneで特に顕著です。

私が見たいくつかの回避策は、私が行った相対的な位置付けを削除し、私も行ったのルールを追加すること-webkit-font-smoothing: antialiasedでした。どちらの変更もわずかな違いはありませんでした。

ぼやけたテキストなしでこれを適切に機能させる唯一の方法は、アニメーションに通常のJavaScriptを使用し、translate3d完全にバイパスすることでした。WebKit対応デバイスでのパフォーマンスがはるかにtranslate3d速いため、使用したいと思いますが、私の人生では、なぜそれがテキストにそれほど悪い影響を与えているのか理解できません。

任意の提案や解決策をいただければ幸いです。

@ font-face cssテクニックを使用して、fixedsysフォントをWebページにロードしました。これは、Firefox 6を除くすべてのブラウザで完全に機能します。このFF6では、フォントにぼやけた効果があります。次のリンクを参照してください。

ぼやけたフォント

FF6を使用してシャープエッジフォントを表示するにはどうすればよいですか？

複数のブラウザでテストするためのリンクは次のとおりです： テストページ

すべてのブラウザで同じように見えるように@font-faceが本当に必要です（FF6互換性が必要です）

ありがとうございました

UIScrollView内のビューにNSAttributedStringとして長い段落を描画してみました。奇妙なことに、段落の上部はぼやけていませんが、下部にスクロールすればするほどぼやけます。クォーツとフロートで発生する可能性のある小さな問題をよく知っているので、ビューのフレームを0.5ポイント下に設定しようとしました。段落の上部がぼやけており、下部は問題ありません（！）これを修正する方法が本当にわからないので、助けていただければ幸いです。

ありがとうございました ！

Chromeやその他のWebKitブラウザーで、translate3dが適用されているcssスケールのコンテンツが大幅にぼやけるという問題が発生しています。

これがJSフィドルです：http：//jsfiddle.net/5f6Wg/。（Chromeで表示します。）

これに対する既知の回避策はありますか？上記の簡単な例では、translate3dではなくtranslateを使用できます。ここでのポイントは、コードを必要最低限​​のものまで取り除くことです。

ロード目的のビューに UILabel を追加しています。ただし、追加するとぼやけます。奇妙なことに、UITableViewController の上にロードされるローディング ビューのコードはほぼ同じであり、そこではうまく機能します。しかし、UIViewController の上にあるこれはぼやけています。

これは私のコードです: