問題タブ [graphicscontext]

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 に答える
153 参照

objective-c - NSBitmapImageRep の描画中に色を変更する

NSBitmapImageRep を返すメソッドを実装しました。そのビットマップに 10x2 の長方形を描画し、各長方形をシアン色で塗りつぶす必要があります。ただし、長方形ごとに、シアンの値を 12 ずつ増やす必要があります (値は 0 から始まります)。

結果のビットマップは、予想どおり 20 個の四角形を取得します。しかし、色は長方形の間で違いはありません。すべての長方形は同じシアン値を持ちます。

何が問題なのかわかりません。誰かヒントを教えてください。

各四角形には同じ色の値が使用され、両方のループが渡された後に設定される最後のシアン値です。

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

javafx - JavaFx カスタム グリッド ペインティングの問題

以下のコードを使用して、JavaFX Canvas に垂直線を描画しています。どういうわけか、最後の行 (最後の 10%) の不透明度が低くなります。オプションを変更していません (GC の変換/効果)。参照用にスクリーンショットを添付していますが、何か考えはありますか?

ここに画像の説明を入力

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

path - JavaFX:GraphicsContextにパスをペイントするにはどうすればよいですか?

JavaFX は、低レベルのパス描画メソッドGraphicsContextと高レベルPathノードの両方を提供します。

シェイプをクラスに保存し、GraphicsContext. このPathクラスは私にとって都合がよさそうです。シーン グラフのノードとして使用するためのものですが、必要なすべての描画要素が含まれています。

のような方法を探しています GraphicsContext.fillPath(Path) が、ありません。

要素を手作業で反復処理しPathて低レベルのメソッドに変換する必要がありGraphicsContextますか?

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

javafx - javafx Canvas/GraphicsContext でパスを透明色でオーバーライドする

JavaFXのCanvasのGraphicsContextに、パス内のすべてのピクセルをオーバーライドして、再び透明になる方法があるかどうか疑問に思っています。clearRect 関数と同様ですが、任意のパスに対応します。

さまざまな BlendModes と Effects を見てきましたが、実際に達成できるアルファ値を実際にオーバーライドする方法はないようです。

  • Porter/Duff Src オペレーターを使用して透明色をレンダリングする
  • HTML5 で globalCompositeOperation destination-out を使用して非透明色をレンダリングする

誰かがパスをテッセレーションせずに複数の clearRect 呼び出しを使用せずにこれを達成する方法を知っていれば、とてもうれしいです。ありがとうございました。

http://docs.oracle.com/javase/8/javafx/api/javafx/scene/canvas/GraphicsContext.html


最初のコメントへの追加: Path ノードを使用する代わりに、Canvas ノードを使用して GraphicsContext を使用してレンダリングを実行しているため、以前にレンダリングされたパスの色を変更することはできません。私は次のようなことをしようとしています

後で、パス内のピクセルを透明にリセットしたい

ただし、ブレンドが適用されると、これは機能しません。他のレンダリング ライブラリでは、たとえば上記のブレンディング/合成方法の 1 つを使用してこれを実現することができますが、これまで javafx でそのような機能を特定できませんでした。

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

canvas - JavaFX Canvas グラフィックスコンテキストでラスター操作が可能かどうかを知っている人はいますか?

これはひどい見落としのようです。実際、解決策がなければ開発を続けることはできません。オフスクリーンで描画して画像を転送できることはわかっていますが、実際には影響を与えられない背景がキャンバスにあります。

提案をありがとう。

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

javafx - カラー ピッカーの値を Web、RGB、または Color クラスと互換性のある型に変換するにはどうすればよいですか?

私のjavaFXのカラーピッカーは、のようなものを返します0x000000ff。これをRGBまたは16進数のWebカラーに変換するにはどうすればよいですか?

0 投票する
0 に答える
19 参照

eclipse - Eclipse プラグイン: gc オブジェクトが変更されると、gc.getCharWidth が異なるサイズを与える

キャンバスで gc.setText() メソッドを使用してテキストを表示しています。ただし、gc オブジェクトが変更されると、テキストの幅も変更されます。

gc.setFont(font) を使用して GC に同じフォントを適用しています。

gc のオブジェクトが変わると、異なる文字幅を返しています。

誰でもこの問題を解決するのを手伝ってくれますか?

ありがとうイシャン・ジェイン

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

javafx - JavaFXでGraphicsContextを使用してキャンバスにBarChartを描画しますか?

JavaFX でランダム データを使用して BarChart を作成しています。BarChart を描画するキャンバスが指定された fxml ファイルがあります。

棒グラフの作成は問題ありませんが、(たとえば) BarChart タイプの barChart オブジェクトがあり、キャンバスに fx:id "canvas" がある場合、GraphicsContext を使用して棒グラフを描画できるメソッドまたはコードは何ですか?キャンバスに?GraphicsContext を取得するには canvas.getGraphicsContext2D になることはわかっていますが、GraphicsContext オブジェクトを取得したら、キャンバスに barChart オブジェクトを描画するにはどうすればよいでしょうか?

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

rendering - DirectX 12 での複数モデルのレンダリングのバグ

1 つのグラフィック コンテキストのみを使用して DirectX 12 で複数のモデルをレンダリングしようとしていますが、結果は非常に奇妙で、その理由がよくわかりません。ここに画像の説明を入力外部からのスポンザ モデルのレンダリング結果。右が正しい結果で、左が問題のある結果です。

ここに画像の説明を入力左スポンザ(問題のある方)を内側からレンダリングした結果。

読み込まれた 2 つのメッシュが同じであっても、各モデルには独自の頂点バッファー、インデックス バッファー、および SRV があります。グラフィックス コンテキストを作成するプロセスでは、グラフィックス コンテキストが 1 つだけあり、各モデルのインデックスと頂点バッファーが設定されます。次に、drawIndexed() 関数を呼び出してレンダリングします。グラフィックス コンテキストが作成された後、フレームごとに 1 回グラフィックス コンテキストを実行します。ただし、モデルごとに個別のグラフィック コンテキストを作成し、フレームごとにすべてのグラフィック コンテキストを実行すると、レンダリングは正常に機能しますが、フレーム レートは大幅に低下します。

奇妙な結果の理由が何であるかについてのヒントを提供することは非常に役に立ちます。解決策を提供することはさらに良いことです. よろしくお願いします。