問題タブ [alpha-transparency]

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 投票する
4 に答える
1216 参照

opengl - OpenGL: テクスチャのコピー中にアルファ チャンネルが 255 に設定されるのはなぜですか?

OpenGL を使用して透明な BGRA 画像 (テキスト オーバーレイ) を移動および回転したいと考えています。私が使用するコードスニペットは次のとおりです。

しかし、glTexImage2D で何を試しても、透明な黒の画像は完全に不透明な黒の画像になります。入力 BGRA イメージにはバイトが含まれます: 0, 0, 0, 0, 0 .... 回転後、出力イメージには 0, 0, 0, 255, 0, 0, 0, 255, 0.... が含まれます。常に 255 に設定されており、その理由がわかりません。

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

matlab - MATLAB:パッチオブジェクトごとに異なるアルファ

さて、このpatch関数を使用すると、たとえば次のように複数のポリゴンを描画できます。

ここでX、およびYはm行n列の行列です。これにより、m個の頂点を持つn個のポリゴンが描画されます。

しかし、これらのn個のポリゴンのそれぞれに一意のアルファ透明度値を持たせたい場合はどうなりますか?

ドキュメントは私を混乱させて死に至らしめています。for多くのパッチオブジェクトを非常にすばやく描画する必要があるため、ループを使用できません。誰かが親切にコード例を提供してもらえますか?みんな、ありがとう。

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

php - PHP での imagecopyresampled - 事前に乗算されたアルファの問題

アルファ値を使用するバッファの imagecopyresampled に問題があります。どうやら、アルゴリズムはフィルタリングの前にピクセルのアルファ値を事前に乗算します。これにより、オブジェクトの周りに黒い境界線が生じます。

再現する手順:

  • RGB部分が完全に白で、アルファ部分の黒い背景に(アンチエイリアス処理された!!)白い円(正方形ではなく円を使用してください!)を持つ画像を撮ります(したがって、アルファ部分はほとんど完全に白と完全に黒のピクセル、およびアンチエイリアシングによる円の境界上のいくつかのグラデーション ピクセル - これは、入力画像が事前に乗算されていないことを意味します - 画像の RGB 部分が完全に白であるため、ストレート/マット化されていません)。

  • imagecopyresampled を使用して画像を半分に縮小します

  • 完全に白い画像の上に結果を構成する

私が期待するもの:完全に白い画像

私が得るもの:円の輪郭の周りの灰色がかった境界線

これは、スケールダウン アルゴリズム内で事前に乗算されたアルファが原因であると確信しています (アルゴリズムは、新しい RGB 値を計算するために、ピクセルのアルファ値とその RGB 値を乗算します。したがって、白いピクセルはグレーになります)。

誰かがこれの回避策を知っていますか?

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

qt - 透明なスプラッシュスクリーン画像 Qt

アプリケーション用に splash-screen.png を作成しました。残念ながら、透明であるべき部分はすべて長方形として描かれています。私が意味することをよりよく理解できるようにするために、小さな例の説明を示します: (私はフォーラムに写真を投稿するのに十分な評判を得ていません)

球を表示するスプラッシュスクリーンとしてpngがあるとしましょう。球はそれ自体を表す必要がありますが、Qt はその周囲に四角形を描画し、すべての雰囲気を破壊します。

オブジェクトの透明度を維持する別の方法があれば教えていただければ幸いです。

ありがとう

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

c++ - OpenGLでアルファを持つテクスチャを使用した3Dモデルのレンダリング

そのため、適用されたテクスチャの一部にアルファチャネルがある場合に、OpenGLで3Dモデルをレンダリングするための最良の方法を見つけようとしています。

デプスバッファを有効にして、3Dモデルのすべての三角形の描画を開始したときに、モデル内の別の三角形の前にある三角形を描画すると、それに到達したときに後ろの三角形がレンダリングされません。問題は、前の三角形がアルファ透明度を持ち、後ろの三角形まで透けて見えるはずなのに、後ろの三角形がまだレンダリングされていない場合です。

デプスバッファを無効にすると、その問題は解消されますが、三角形が不透明な場合でも、後でレンダリングすると、その背後にある三角形が上にレンダリングされるという明らかな問題が発生します。

たとえば、基本的にいくつかのコーンが互いに積み重ねられ、ベースが透明な松の木をレンダリングしようとしています。次の図は、デプスバッファが有効になっている場合に発生する問題を示しています。

デプスバッファが有効

透明な三角形の輪郭がどのように見えるかがわかります。

次の図は、デプスバッファが無効になっている場合の様子を示しています。

デプスバッファが無効になっています

ここでは、ツリーの背面にある三角形の一部が、ツリーの残りの部分の前にどのようにレンダリングされているかを確認できます。

この問題に対処し、松の木を適切にレンダリングする方法はありますか?

PS私はすべてをレンダリングするためにシェーダーを使用しています。

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

android - アルファ チャネルを使用した Android ネイティブ ビデオの再生

Android は、ネイティブでサポートされているビデオ フォーマットのいずれかでアルファ チャネルをサポートしていますか?

3.0 の Android の h.264 で可能でしょうか?

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

internet-explorer-8 - IE8 での PNG 24 の無地の背景

私は検索を行いましたが、同様の問題がたくさんありますが、さまざまな解決策があります.

ウェブサイトはhttp://www.thewildflowergroup.com/です。

IE8 の PNG アルファ透明度にも問題がありますが、エッジの周りに黒い斑点やアーティファクトは見られません。上部の PNG の背景は真っ白です。ここhttp://code.google.com/p/ie7-js/にある IE9.js バージョンを使用して透明度を処理していますが、他のページでも動作しているようです。しかし、その上部のセクションでは、Jquery Cycle も使用しています。

div をフェードすることで画像が透明に戻ることを期待して、画像を div でラップしましたが、愛はありません。何かアドバイス?

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

android - 画像の周りの白い枠

異なる背景で使用する場合、画像の周りの白い境界線を削除するにはどうすればよいですか?

ここに画像の説明を入力

http://groups.google.com/group/android-developers/browse_thread/thread/f4ef24e03431bbe4/ce7f19488fd0388a?lnk=gst&q=Crop+Image+View+that+fits+to+the+image#ce7f19488fd0388a

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

php - png画像の透明性の問題

私はこの画像を持っています: 白い背景の元の画像

私はphp5とgd2ライブラリを使用して透明な背景を実現していますが、結果は私が期待したものではありません(違いを確認するには暗い背景が必要です):透明な背景

そしてここに私のコードがあります:

どんな助けでもいただければ幸いです!:)

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

jquery - ie8 のネストされた要素に関する jQuery/css フェードの問題 (のみ)

重複の可能性:
IE8 jQuery サイクルで画像が消える

ページの背景画像を表示するために、入れ子になった要素のセットをフェードインおよびフェードアウトしています。ネストされた div/article 要素にはアルファ チャネルの不透明度が与えられており、これは IE の半透明の png でオーバーライドされます。

フェードインとフェードアウトは、FF、Chrome、ie6 (はい、ie6!!!)、ie7、ie9 では正常に機能しますが、残念ながら ie8 では機能しません。

HTML:

CSS:

jQuery:

私もこのjQueryを試しました:

上記の任意の組み合わせは、ie8 を除くすべてのブラウザーで機能します。ラッピングする親要素にフェードアウトまたはフェードイン機能を適用しようとすると、一時停止 (フェードアニメーションが設定されている時間の長さ) が発生し、フェードしたい要素が即座に消えます。フェード効果。

私はこれに数日間取り組み、解決策と可能な修正/回避策についてGoogleを使い果たしましたが、何も近づいていません.

誰にもアイデアはありますか?

よろしく、マット。

編集:

この問題のデバッグである程度の進歩を遂げました。

半透明の背景への参照をすべて削除し、jQuery のフェード アニメーションを適用して、背景が実際の問題を隠していないことを確認しようとしました。

興味深いことに、半透明の背景が適用されていなくても (完全に不透明な背景でもテストされています)、フェード アニメーションは機能しません。全く同じ症状。だから私は簡単な検索を行い、jQuery Bug Tracker でこれを見つけました: ie8 の内部 div でフェードが機能しない

このページのコメントに従って、私filter: inherit;は子コンテナに適用しましたが、これが違いを生みました。現在、コンテンツ (テキストと画像) はフェード インとフェード アウトしていますが、背景 (不透明または (半) 透明) はそうではありません。遅延の間は変更されず、非表示または表示にスナップします。

この回避策を進める方法について何か考えがある人はいますか?

編集:

ie9でテストされ、問題なく動作します。このバグは ie8 のみに関連しています。

ありがとう、マット。