問題タブ [subpixel]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
3514 参照

truetype - サブピクセルレンダリング(アンチエイリアシング)がオンになるようにOTFをTTFに変換するにはどうすればよいですか?

わかった。@fontfaceによると、OpenType PSは、Windowsプラットフォームで変換および使用される場合、サブピクセルレンダリングを備えていません。クラップファクター=9。私の質問は、OpenTypePSをOpenTypeTTに変換するのは簡単なパンツなので、サブピクセルレンダリングはどうなるのでしょうか。私はいくつかのオンラインコンバーターを使ってみましたが、違いはゼロです。フォントはがらくたのように見えます。

質問は、OpenTypePSファイルをOpenTypeTTファイルに変換し、サブピクセルレンダリングを使用する方法を教えてください。

OpenType TTファイルを取得すると、EOTに簡単にアクセスできるためです。

ありがとう!

WR!

0 投票する
10 に答える
16783 参照

iphone - Retina ディスプレイに 0.5px の境界線を表示できますか?

iPhone 4 または iPhone4S のモバイル Safari では、0.5px 幅の div の境界線を使用できますか?

0 投票する
4 に答える
8969 参照

java - Graphics2Dを使用してサブピクセルレベルの精度を使用して画像を描画する

私は現在、ビデオゲームのように通常の速度で画面に画像を描画しようとしています。

残念ながら、画像の移動速度のため、画像がまだ完全なピクセルを移動していないため、一部のフレームは同一です。

float値ではなく、画像を描画するための画面上の位置の値をGraphics2Dに提供する方法はありintますか?

最初に私がしたことは次のとおりです。

もちろんこれはしきい値なので、画像はピクセル間を移動しませんが、あるピクセルから次のピクセルにスキップします。

次の方法は、代わりにペイントカラーをテクスチャに設定し、指定された位置に描画することでした。残念ながら、これにより、正しいアンチエイリアスではなくタイリングを示す誤った結果が生成されました。

Javaで画像のサブピクセルレンダリングの望ましい効果を達成するにはどうすればよいですか?

0 投票する
1 に答える
2321 参照

sift - サブピクセル位置を計算する SIFT テイラー展開

私はSIFTを実装しようとしていますが、現在、MATLABで実装を開始する前に、それがどのように機能するかを理解しようとしています.Taylor Expansionを使用してサブピクセル精度を計算する方法を除いて、ほとんどを理解しています:

ここに画像の説明を入力

上は元の論文の方程式です。適用方法についていくつか質問があります。

導関数は各次元で別々に計算され、方程式は x に適用され、次に y に適用されますか?

1 番目と 2 番目の導関数はシグマ軸にも適用されますか?

以前の実装を見るのに疲れましたが、どこでこれを行っているかを見つけることができません。前もって感謝します

0 投票する
2 に答える
9745 参照

javascript - CSS流体グリッドのサブピクセル丸めの問題を修正

流動的なCSSグリッドを作成しようとしていますが、FirefoxとIE8 +では機能しますが、サブピクセルの丸めの問題が発生するSafari / Chrome/Operaでは機能しません。

http://jsfiddle.net/bJKQ6/2/

メインコンテナの幅は100%で、Safari / Chrome / Operaでブラウザのサイズを変更すると、丸められた幅に一貫性がないことがわかります。

問題について詳しく読んだ後、サブピクセルの丸めには「正しい解決策も間違った解決策もない」ことを理解しましたが、Firefoxの方法が私にとって最良の妥協点のようです。(たとえば、25%の幅で4 divを設定した場合、カバーされる領域は100%になると予想されます。)

私が見逃したCSSのみの解決策があるかどうか、あるいは問題を解決するためのJavaScriptがあるかどうかを知りたいです。

ありがとう!

更新:2014年5月の時点で、Chrome33とSafari7は「Firefoxの方法」を採用しているようです。

0 投票する
1 に答える
184 参照

linux - Linux のウェブカメラ用サブピクセル ライブラリ

Linux でサブピクセル モードの Web カメラを操作するためのライブラリはありますか? 高速なフレーム レートが必要で、jpeg に圧縮する時間がありません (さらに jpeg は損失が多いため、センサーから取得できるすべての情報が必要です)。圧縮はウェブカメラ ファームウェア内で行われていると思いますが、サブピクセル レベルで動作する可能性はありますか?

私は特定のウェブカメラについて話している - a4tech PK-635K。ここにあるhttp://a4tech.com/product.asp?cid=77&scid=89&id=233

編集: ご覧のとおり、通常のビデオ キャプチャには Web カメラは必要ありません。cmosセンサーからの情報をできるだけ早く取得する必要があります. たとえば、赤いピクセルのみから情報を取得したいとします。

0 投票する
3 に答える
4684 参照

vector-graphics - グラフィック用のRGBサブピクセルレンダリング?

テキストだけでなく、一般的なグラフィックス用にRGBサブピクセルレンダリング(ClearTypeなど)をサポートするグラフィックスライブラリがあるかどうか疑問に思います。これにより、水平解像度を実質的に3倍にし、グラフィックを3番目のピクセルのx位置に配置できます。

これは非常に便利だと思いますが、次の点を除いて、インターネット上で多くを見つけることができませんでした。

これを実装しているライブラリはありますか、それともこのようなものをカイロライブラリに持ち込む努力はありますか?


アップデート:

特に、現在のLCD画面が異なる色のサブピクセルを使用していることを考慮したレンダリング手法について言及しています。白色点を作成するには、すべてのサブピクセルを「オン」または255に設定します。白い線は、互いに重なり合う複数のサブピクセルになります。

(ここ.で、は完全に黒のサブピクセルでありRGまたはBは完全に点灯している赤、緑、または青のサブピクセルです)。私たちの目はサブピクセルを解決できないため、それらが混ざり合って白い線を作ります。ただし、次の項目から白い線を引くこともできます。

完全にシャープですが、x =11/3ピクセルに配置されていることに注意してください。これは、代わりにわずかにぼやけた白い線を描画する従来のレンダリング手法では不可能です。ここでは、たとえばR= 70%点灯、r= 30%点灯。私は数学を解きませんでした、これはあなたが考えを理解するためだけです:

もう1つの例は、a)フルピクセル、b)アンチエイリアス、またはc)サブピクセルレンダリングで実行できる勾配です。

繰り返しになりますが、これは一般的な考え方を示すための大まかな例ですが、a)ギザギザまたはエイリアス、b)ぼやけ、c)LCDで取得できる限り鮮明であることがわかります。

フォント表示(WindowsではClearType、FreeTypeではサブピクセルレンダリング)の実際の実装には、より高度なアルゴリズムがあります。それらは、個々のサブピクセルが互いにブリードまたはシャインすることを考慮に入れており、全体の色の強度またはエネルギーを維持します。また、サブピクセルの間隔が均一ではないこと(RとGの間、またはGとB(ピクセル内)がBとRの間よりも小さい場合がある)、および最後に一部のディスプレイのピクセルレイアウトがまったく異なることも考慮に入れています。

0 投票する
1 に答える
1192 参照

java - Swingでサブピクセル精度で線を描く方法はありますか?

この質問は以前に尋ねられましたが、答えが問題を解決しないので、もう一度質問します。

を使用する代わりに、 を使用g2.drawLineできることが提案されました。g2.draw(line)ここlineで、 はLine2D.Doubleです。ただし、スクリーンショットからわかるように、線は整数ピクセルで終わっているかのように描かれています (10 本の線の各セットは正確に平行です)。

非平行線

Swing では、ピクセルで正確に終わらない行を正しくレンダリングすることは不可能ですか?

0 投票する
1 に答える
1568 参照

google-chrome - WebGL + Google Chrome を使用したサブピクセル アニメーション?

三角形をゆっくりと移動すると、ピクセルごとに移動します。アンチエイリアスを使用して Google Chrome の動きをスムーズにする方法はありますか?

例については、次を確認してください。

https://dl.dropbox.com/u/4571/musicope2/index.html

PS: この回答が webgl にも適用されるかどうか、および回答がまだ有効であるかどうか疑問に思いますか?:

Chrome Canvas でのサブピクセル レンダリング

0 投票する
2 に答える
1199 参照

javascript - iPhone でのサブピクセル処理を修正または回避するにはどうすればよいですか?

セットアップ: jQuery Mobile を使用して、iOS および Android 用の PhoneGap/Cordova アプリを開発しています。このアプリには、プラグインを徹底的に検索しても私のニーズをすべて満たす結果が得られなかったという事実のために、私が自分で作成しているカレンダーが必要です。私は 7 つの div (曜日ごとに 1 つ) を使用しています。これらはすべて100% の 1/7 にfloat:left設定されています。width:14.28571428571429%カレンダー div コンテナーが に設定されていることに注意してくださいwidth: 100%。Chrome 開発者ツールは、コンテナー (id="calendar") が幅の領域を 100% 使用していることも確認しています。

問題:デスクトップではすべてがうまく機能しますが、iPhone または iPad でテストを開始すると、カレンダーの右側にわずかな余白 (約 2%) が表示されます。

裏付けとなる詳細:私はこれについてかなりの調査を行いましたが、これはサブピクセル レンダリングが原因であると思われます。WikiPedia でSubpixel Renderingについて読み、さまざまなブラウザーがピクセルの一部を処理する方法に関するこの 2 年前の記事を見つけました。モバイル Safari では 0.28[…]% が切り捨てられているようです。 問題は、それを修正する方法がわからないことです。 さらに混乱しているのは、これがWebkitの問題のように見えることですが、カレンダーはデスクトップ Chrome で問題なくレンダリングされます。

コード: