問題タブ [pixel-manipulation]

次のように定義された RGB888 形式の qImage があります。

特定のピクセル値を変更したいので、ここの例に従いました。

ただし、これにより、i と j の値に関係なく、常にセグメンテーション違反が発生します (たとえば、i = j = 2)。

QRgbでピクセルを操作するために誤って使用しているためだと推測していQImage::Format_RGB888ます。代わりに何をすべきですか？

プログラムで使用したいこの関数を作成しましたが、何らかの理由で、何も問題がないにもかかわらず失敗します。

ピクセルが黒かどうかをにコピーしようとしていgridます。個別に実行するgrid[y][x]と、プログラムは正常に実行されます。(pixels[(image -> w * y) + x] == 0)するとgrid[y][x] = (pixels[(image -> w * y) + x] == 0);、画像の途中でプログラムがクラッシュします。

何に関係なく、制限されているので(image -> w * y) + x、正しいピクセルを取得できると確信しています。何が表示されないのでしょうか。xy

JavaScript cnavas でいくつかの画像アニメーションを作成しようとしているので、ピクセルを操作する必要がありますが、問題は、ピクセルの配列を歩くのに時間がかかり、コンテキストのネイティブ関数がはるかに高速であることです。

このテストはそれを示しています：

おおよその結果は、0、14、12 です。

なぜそれが起こるのですか？手動でピクセルを変更する最速の方法は何ですか?

Apple には、画像を徐々に別の画像に変換するコピー機トランジション効果があります。トランジションは iOS では使用できないため、この効果または類似のものを実現するための代替方法を探しています。ピクセル色の UInt8 配列ですべての画像データを収集しています。理想的には、ピクセルの個々の行をさまざまな間隔で画面に描画して、最終的に全体像を完成させたいと考えています。これは可能ですか？そうでない場合、Apple の CICopyMachineTransition をシミュレートするための最適な方法はありますか?

画像のRGBピクセルマップを考えると、画像をより赤、緑、青、シアン、マゼンタ、または黄色にするための適切で意味のある値は何でしょうか。

現在、JavaScriptコードには、次のRGB変更値がありますが、色彩理論に基づいてより最適化された比率があるかどうか疑問に思います。たとえば、より多くの赤の場合はrgb（+ 45、-27、-27）を使用しますが、たとえば-27についてはよくわかりません。

私はプログラミングの初心者です。人生ゲームの実行では初期パターンしか出てこない。ここではグリッドを使用しませんでした。しかし、そのために長方形のサイズを調整しました。コードがきれいではありません。私のコードを機能させるために、親切に提案してください。

回答ありがとうございます。質問をもっと具体的にするべきでした。私はいくつかの例を見ましたが、これは W3 Schools のものです (これは信頼すべきソースではないことを指摘してくれた @Pointy に感謝します - しゃれは意図されていません)。

http://www.w3schools.com/tags/canvas_getimagedata.asp

まず第一に、W3 Schools Web サイトの例では画像のピクセルの色が反転しているため、少し混乱していますが、コードを Sublime Text 2 にコピーして保存し、Chrome で開くと、ピクセルの色は次のようになります。画像が反転することはなく、画像はその隣にまったく同じように表示されます。

私の主な質問は、このコードに行を追加して、画像のピクセルデータの配列全体を表示するにはどうすればよいですか?

画像の下に「data」の id を持つ空の div を追加し、次のコードを追加しましたが、ピクセル データの配列全体が表示されませんでした。

また、以下を追加して、少なくともピクセルデータ配列の長さを確認しようとしましたが、うまくいきませんでした:

さまざまなソースから画像ピクセル データを操作する例をいくつか見て、ピクセル データの配列全体を取得しようと何度も試みましたが、できませんでした。

ピクセル データの配列を表示して、画像内の文字や画像を認識し、画像内の特定のものから現れる可能性のあるパターンを確認したいと考えています。

どうもありがとうございました。

HTML5 Canvas には、単一のピクセルを明示的に設定する方法がありません。

私がこれまでに知っている解決策は次のとおりです。

• を使用getImageDataしますputImageDataが、パフォーマンスが低いため、アニメーションには効率が低すぎますputImageData

• rectまたは重いオブジェクトを使用putImageDataして単一のピクセルを描画しますが、描画するピクセルが多いとパフォーマンスが大幅に低下します。

このdrawImage関数は よりも実際に高速であることがわかりました。putImageData 実際に で置き換えると、非常に高速です。ただし、ピクセルごとにすばやく設定できる引数に画像を配置する解決策はわかりません。putImageDatadrawImage(new Image(w,h))drawImage

彼女は遅いコードの例です

HTML:

Javascript:

誰かがパフォーマンスを向上させる手がかりを持っている場合。

5メガピクセルのテクスチャがあり、更新に問題があります。テクスチャは、ビデオストリームと同じように長方形に表示されます。

OpenGLコマンドはすばやく実行されますが、実際のテクスチャ更新レートは最適ではなく、おそらく1秒あたり3フレームしかありません。多少の変更はありますが、小さいテクスチャ（500x500）を使用した場合はあまり変更されません。

マシンにはNVIDIAgtx570が搭載されています

私の最初の努力はとを使用することでしたglTexSubImage2DがglBufferSubData、これらはメモリマップドスキームよりもわずかに劣っていました。

グラフィックカードにテクスチャを更新させる方法はありますか？ビデオストリーミングソフトウェアはどのように作成されていますか？

レンダリングループ

テクスチャ予約

初期化

編集1

コードの他の部分でこのテクスチャをファイルに書き込んでいるので、フィルバッファが新しいテクスチャを思い付くと確信していますが、実際には異なります。私のファイルIOがOpenGLテクスチャよりも速いのは悲しい日です。

編集 2FRAPSを試し、レンダリングループが約18 FPSで実行されていることを確認しましたが、表示される更新は遅くなります（おそらく3 FPS）。そのような不一致の原因は何でしょうか？

ユーザーが写真をアップロードできるようにするアプリケーションを開発しています。写真のアップロード中に、アプリケーションはサーバーで検出を実行して、写真の関心領域 (x、y、幅、高さ) を取得し、それをクライアント (ブラウザー) に返します。 ）。

クライアント側では、ユーザーはエッジとして認識された場所をクリックして、関心領域を調整する必要があります。下の画像を参照してください。

私の主な課題は次のとおりです。

(1) サーバーから返された x、y、幅、および高さを指定して、正確な関心領域にズームするにはどうすればよいですか?

これまでのところ、これはこの問題に対する私の解決策です:

ご覧のとおり、私の解決策は、サーバーから返された幅と高さをスケーリングの観点から見たものではありません。幅と高さ内でズームする比率を取得するための計算の実行方法が本当にわかりません。

（2）画像のクリックされた各ピクセルのx座標とy座標を取得したい（後で使用するためにサーバーのどこかに保存します）。

(3) x、y 座標値を取得した場合、同じ画像上でピクセルの位置を特定するにはどうすればよいですか (画像にスケールが適用されているかどうかに関係なく)。