問題タブ [rasterizing]

通常、コンピュータ サイエンスでは、 からaまでbの間隔は[a, b)です。これは、ジオメトリ プリミティブをラスタライズする場合に当てはまりますか?

たとえば、位置で始まり位置(0, 0)で終わる線がある場合、画面上の 1 ピクセルにマッピングされた 1 つの GPU ユニットで平行投影を使用する(0, 10)と、線にポイントが含まれますか?(0, 10)

編集:同じ条件で同じ質問ですが、テクスチャの場合:

2x2クワッドにマップされたテクスチャ(0, 0)を(2, 2)使用(0, 0)して(1, 1)マッピングした場合、それは「ピクセルパーフェクト」になりますか、画面上の 1 ピクセル上のテクスチャから 1 ピクセルになりますか、それともテクスチャはスケーリングされますか? 間隔が[0, 2]クワッドの場合は 3x3 になり、テクスチャをスケーリングする必要があります...

後で編集:これは役立つかもしれません: http://msdn.microsoft.com/en-us/library/windows/desktop/bb219690%28v=vs.85%29.aspx

三角形を描画(/塗りつぶし)しようとしていますが、うまくいきます.時々、2つの点のy座標が互いに非常に接近しているときに問題が発生します。dx/dy は非常に大きくなります (そして、無限になる可能性さえあります..)

スキャンラインの開始と終了を見つけるために使用するコードは次のとおりです

//sortedArray には 3 つのポイントがすべて含まれます。[0] は y 座標が最も高いポイントです。

それで、これを修正する良い方法はありますか、それとも別のアルゴリズムを取得する必要がありますか?

よろしく。

編集:基本的には、行をたどってdx/dyを追加し続けるだけです

edit2: はい、これは Java コードです。

edit3: これには多くの特殊なケースがあるように見えるので、誰もが別のアルゴリズムを知っています。

Facebookの青いバーと同じように、ビューポートのナビゲーションバーを修正するためにサイトで使用position: fixedしていますが、モバイル/タブレットデバイス（処理能力が低い）で試してみると、この固定バーは非常に悪いヒットを出しますスクロール時のユーザーエクスペリエンスが非常に悪くなります。

スクロールを強化するために非常に優れた記事を使用しましたが、実際には次のようになりました。

• http://www.html5rocks.com/en/tutorials/speed/scrolling/
• http://www.html5rocks.com/en/tutorials/speed/unnecessary-paints/
• https://github.com/shichuan/javascript-patterns/blob/master/jquery-patterns/window-scroll-event.html

これらの記事に基づいて多くの変更を加えた後、position: fixed強化する必要がある唯一の調査が残っているところまで到達しました。

に変更すると、サイトのスクロールが非常にスムーズになりposition: absoluteます。しかし、それを修正すると、特定の方法でスクロールするとiPadでSafariブラウザがハングする可能性があるという点で、スクロールには非常に悪い欠点があります.タブレット/モバイルデバイスで良好なパフォーマンスで使用する方法を知っていましたか?position: fixed

円錐台から部分的に外れた寸法の三角形の描画は、三角形が円錐台によって囲まれている場所を計算し、(おそらく2つの)新しい三角形を作成して、より大きな三角形の代わりにその三角形を描画する場合よりも時間がかかるかどうか疑問に思っていますその結果、同じピクセルが変更されます。

問題は、画面上に存在しない位置に対して実行されるフラグメント シェーダーがあるかどうかです。または、この問題に対して最適化されたラスター化フェーズです。

Word ライクなアプリケーションを実装する際に、次の問題に気付きました。

Qt の QRasterizer は、行の太さが 1.0f より小さい場合、行をスキップします。ワード エディター アプリケーションでズームアウトすると、この状況に陥ります。2 つのライン ポイントの Y 値は、次のように小さくなります。

行をレンダリングするとき、Qt はそれをスキップします。これを QRasterizer::rasterize() の次のコードまで追跡しました。ここで、min_y と max_y は Y 値の 2 倍の 64 (固定小数点値) です。

min_y は上方に丸められ、max_y は下方に丸められるため、IF 条件が発生し、レンダリングを実行せずに戻ります。

アンチエイリアシングを有効にすることでこの問題を回避できますが、縮小するとレンダリングが明るくなります。私が本当に必要としているのは、Microsoft Word のような動作です。どれだけズームアウトしても、黒い四角形は画面上で常に黒い四角形として表示されたままになります。

コスメティック ペンを使用すると問題は解決しますが、カスタマイズ可能な線の太さと一緒に機能しません。これもサポートする必要があります。

この問題を回避する方法はありますか?

ご挨拶、

ファビアン

これを使用して、htmlページを画像として生成します。したがって、私のコマンドは次のようになります。

phantomjs 経由で画像を生成するための境界線と色を設定することは可能ですか?

私は phantomjs を使用して、いくつかの特殊な html ページを PDF にレンダリングしています。これはスケーリングが必要なサービスであるため、可能な限りオーバーヘッドを削減しようとしています。すべてのページは同じ構造で、同じ CSS を使用しており、ほとんどの点で類似しているため、同じ HTML ページを再利用し、javascript を呼び出してコンテンツを置き換えることにしました。これにより、CSS や Web フォントなどを再読み込みする必要がなくなります。

少し複雑にするために、phantom.js の Web サーバー インターフェイスを使用して作成した REST インターフェイスを使用して、node.js からのレンダリングを制御しています。Web サーバーはうまく機能します。ページを再利用しなければ、すべてが完全に機能します。

私が抱えている問題は、ファイルを使用する準備ができていることを (http 接続を介して) ノードにいつ報告できるかを知る方法がないことです。

私が抱えている問題は、 p.render が終了する前に sendJSON が呼び出されることです。ブロックされていません。正直なところ、これが JavaScript であることを考えると、ブロックされるとは思いませんが、終了時に通知するコールバック関数を受け入れないようです。

この種の問題の解決策を見つけた人はいますか?