問題タブ [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.
html - IE 11 サブピクセル レンダリング オーバーフロー
Internet Explorer 11 で、要素のオーバーフローを引き起こすサブピクセル レンダリングに問題があります。
ご覧のとおり、IE11 ではゲージの赤い部分が下から「のぞいている」ように見えますが、他の 2 つの主要なブラウザーである Chrome と FireFox では問題ないように見えます。
IE で問題を拡大すると、何が起こっているかがわかります。
マスクの上にサブピクセルをレンダリングしているようです。
ヘッダー「Temperature」は高さ 34.5 ピクセルの要素としてレンダリングされ、その下にあるすべての要素が 0.5 ピクセル下にシフトされ、この問題が発生します。
これがゲージの構築方法です: JSFiddle
ヘッダーに静的な高さを与えて、下にあるすべての要素がフルピクセルになるようにする以外に、これを解決する方法はありますか?
javascript - div/画像をサブピクセル上に置く方法はありますか?
style.top と translateY() の両方が完全なピクセル値に丸められているようです。画像をサブピクセルに載せる方法はありますか?
例として、ここでは画像を含む div を 100 ミリ秒ごとに 0.1 ピクセル下に移動しています。 https://jsfiddle.net/je391bfr/
注：アニメーション中にサブピクセル上にあるだけでなく、必要に応じてサブピクセル上で停止できるものが必要です。
algorithm - SGM 視差サブピクセル推定 - 方法は?
数週間前、単純なブロック マッチング ステレオ アルゴリズムを実装しましたが、結果は良くありませんでした。そこで、より良いアルゴリズムを見つけるためにインターネットを検索しました。そこで、Heiko Hirschmueller が発行したセミ グローバル マッチング (SGM)を見つけました。処理時間に関しては、最高の結果の 1 つが得られます。
ここでわかるように、アルゴリズムを実装したところ、(単純なブロック マッチングと比較して) 非常に良い結果が得られました。
計算された視差値を使用して 2D ポイントを 3D に再投影し、次の結果を得ました。
SGM の最後に、各ピクセルの総コストを含む配列があります。格差は、コスト値が最も低いインデックスに相当します。
問題は、最小値を検索しても離散値しか返されないことです。これにより、ポイント クラウドに個別のレイヤーが作成されます。言い換えると、丸い表面は多くのレイヤーにカットされます (点群を参照)。
Heiko は彼の論文で、多項式関数をコスト配列に当てはめ、最低点を視差として取得することで、サブピクセル精度を簡単に取得できると述べました。
問題はステレオ ビジョンに限定されないため、言い換えると、タスクは次のようになります。
- given : 多項式関数を表す値の配列。
- want : 多項式関数の最低点。
これを行う方法がわかりません。画像内のすべてのピクセルに対してこのコードを実行する必要があるため、高速なアルゴリズムが必要です
例: 500x500 ピクセルにそれぞれ 60 ～ 200 のコストがかかる => アルゴリズムは 15000000 ～ 50000000 回実行する必要があります!!)。
リアルタイムのソリューションは必要ありません。私の現在の SGM 実装 (L2R と R2L のマッチング、cuda またはマルチスレッドはまだありません) は、500x500 ピクセルの画像を処理するのに約 20 秒かかります;)。
私は図書館を求めません！私は独自の独立したコンピューター ビジョン ライブラリを実装しようとしています :)。
ご協力ありがとうございました！
敬具 アンドレアス
javascript - ビューポート単位の計算が正しく計算されない
vh 単位を使用して、手動で計算された高さとブラウザによって計算された高さに違いがあるのはなぜですか。この誤算のため、サブピクセルレベルで問題が発生しました。
そして、100vh が 535px の場合、なぜ 100 で割ったときに最後にこの "...005" があるのですか? 5.35 があるはずです。
テストはフィドルにあります。
python - Pythonでサブピクセル精度で画像配列をシフトするには?
2D FFT とフーリエ変換シフト定理を使用して、サブピクセル精度で画像を表す 2D 配列をシフトしようとしています。シフト値が整数 (ピクセル精度) の場合はうまく機能しますが、シフト値が整数でない場合、つまりピクセルの一部である場合、多くのアーティファクトが発生します。コードは以下のとおりです。
したがって、shift_fft(input_array,[2,0]) は機能しますが、shift_fft(input_array,[2.4,0]) はアーティファクトなしでは機能しません。私が間違っていることは何ですか？たとえば、128x128 ピクセルのレナの画像を考えてみます。各方向に 10.4 ピクセルずつシフトしたい場合、画像のウォブリング変調が発生します。画像は次のとおりです。
前：
後：
