問題タブ [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.
iphone - iPhone/iPad の Safari で拡大縮小すると、アルファ チャンネルの PNG に縦縞が表示される
iPhone/iPad の Safari で、2 本の指を使用してアルファ チャネル付きの PNG を含む Web ページをズームすると、特定のズーム レベルで明らかなレンダリング エラー (縦縞) が発生します。
誰もこれに対する回避策を知っていますか?
css - IE7 でメモリ リークを引き起こす不透明度とフィルタ
次のように定義されたdivがあります
その ID に関連付けられたスタイルシートがあります
目的は、この div が表示されたときに背景を半透明の灰色で表示することです。そのため、不透明度とフィルター スタイルを使用しています。正常に動作します。しかし、IE7 では、div が表示されるたびにメモリ リークが発生します。私の推測では、IE7 が適切に処理できない不透明度とフィルター スタイルが原因であると思われます。IE8 およびその他のブラウザは正常に動作します。
IE7 を使用したい場合、この問題の回避策はありますか?
html - ハイブリッド JPG / PNG を 8 ビット アルファで作成する方法
Web サイトに大きな (ほぼフルスクリーンの) アルファ透過画像を配置したいのですが、次の問題があります。
JPG を使用する場合、サイズと圧縮は問題ありませんが、透明にすることはできません (100 kB)
PNG-24 を使用すると、サイズが非常に大きくなります (3 ~ 4 MB)。
PNG-24 とhttp://www.8bitalpha.com/を使用して PNG-8 に変換すると、サイズは小さくなりますが、元のグラフィックを 256 色で再現できません。サイズはまだかなり大きい (700 kB)
私が考えていたのは、透過領域だけに PNG-8 ファイルを作成し、非透過領域に JPG 画像を作成するとどうなるかということです。また、絶対配置を使用して物を所定の位置に移動します。誰かがこのようなことをしましたか?
または他のアイデアですが、それは私が実際に経験したことのないものです.JPG画像を使用して、8ビットPNGのアルファ透明度と組み合わせることができますか? JS、CSS3、Canvas、またはこれまでに使用したことのないものを使用することを意味しますか?
これは私が現在 PNG-8 を使用しているページですが、かなり大きく (700 kb)、一部の色が失われています。
opengl - OpenGL:glTexEnvi、glBlendFunc、および画面上のテキストメッセージ
私はムービープレーヤーを開発しており、OpenGLを使用してフレームと画面上のメッセージを描画しています。
私が使用するフレームを描画するには:
画面上のメッセージを描画している間、表示するテキストの表現を含む長方形を描画します。透明性を処理するために、テキストメッセージを描画する前にこれを行います。
ここで、明るさをリアルタイムで変更するオプションを提供したいと思います。これを達成するために私は使用しています:
明るさは正しく変更されていますが、テキストメッセージが間違っています。テキストの周りの長方形は、明るさがデフォルト値であり、テキストでさえ明るさ補正の影響を受ける場合にのみ透明になります。(つまり、テキストはデフォルトで白で、明るさを下げるとますます灰色になります)。
輝度調整は0-1の外側のアルファスペクトルを変更しますか?どうすればこの問題を解決できますか?
これがばかげているように聞こえたら申し訳ありませんが、OpenGLを使用するのは初めてです
php - PHP で 2 つの透明な画像をマージすると異常な結果が生じる
私は何か間違ったことをしているのか、それともこれが私が得ようとしているのと同じくらい良い結果なのか疑問に思っています. 左側の両方の PNG は 95x111 です。ロボットの画像の周囲に 5px 程度の透明ピクセルのパディングがありますが、結合時に問題が発生しているようです。
imagealphablending と imagesavealpha の考えられるすべての組み合わせを試しました。$avatar を imagesavealpa= true に設定すると、画像がすべて表示されず、フレームだけが表示されます。奇妙に思えませんか?これは私がPHP GDを使用する限りですか?
更新: 24 ビット モードを使用して PS で両方のイメージを手動で作成すると、望ましい結果が得られます。イメージコピーなどを使用してこれを行う方法はありますか?
qt - QWidgetでアルファ透明マスクを使用していますか?
QWidgetにアルファ透明マスクを割り当てることは可能ですか?を使ってマスクを設定する方法は知っていますsetMask
が、白黒マスクしかサポートしていないようです。真のアルファチャネルをサポートすることは可能ですか?
つまり、現在私は次のようなPNGを持っています:
そしてこのようなウィジェット:
PNGをQPixmapにロードし、それをマスクとして設定すると、次のようになります(エッジに注意してください)。
しかし、私はこれを取得したいと思います(滑らかなエッジ):
それを行う方法はありますか?
注:ウィジェットでより複雑な描画を行っていますが、これはマスク領域に制限する必要があるため、PNGをウィジェットの背景画像として単純に設定することはできません。
pdf-generation - 空飛ぶ円盤に透明な背景の画像を生成させる方法は?
私は、Java2DRendererを使用して、flyingsaucerを使用してHTMLを画像にレンダリングしています。
次に、レンダリングされた画像をPDFドキュメントに追加し、ページ全体に合わせて拡大縮小します。
問題は、FSによってレンダリングされた画像の背景色が白一色であるということです。そのため、プリンターはページ全体を非常に明るい灰色で塗りつぶします(スケーリングによって白一色が明るい灰色に変換されると思います)。
この問題を回避できるように、flyingsaucerに透明な画像を強制的に生成するにはどうすればよいですか?
opencv - openCV:IplImageに透明性を追加
3チャンネルのIplImageがあります。4チャンネルの画像を作成し、そのアルファチャンネルを1.0未満の値に設定して、半透明にします。
まず、アルファチャネル(4番目のチャネル)を0.5に設定します。
これは、3チャンネルの画像を4チャンネルの画像にコピーするために使用したコマンドです。
問題:Image_c3がカラーです。Image_c4は、Image_c3のグレースケールコピーになります(透明度はありません)。
更新:上記のコードは実際には正しく機能しており、以下の回答で提案されている解決策よりも実際には簡潔であることが判明しました。どこか別の場所に無関係のバグがありました。
java - Java - 時間の経過とともに画像の透明度を変更する
ゲームの実行時に半透明にできるゲーム オブジェクトを作成しようとしています。
ゲームのタイマー ループ (loadImages() メソッド内) に入る前にオブジェクトの画像に半透明フィルタを適用すると、半透明フィルタが正常に機能します。ただし、ゲームのタイマー ループ (timerLoop() メソッド) 内では機能せず、オブジェクトの画像が完全に透明になります。私は何を間違っていますか?
描画に java.awt ライブラリを使用しており、RGBImageFilter を使用して半透明を適用しています。
ffmpeg - アルファチャンネル付きの FLV ビデオを透明度付きの PNG に変換
アルファ チャンネルを含む FLV ビデオがいくつかあり、それぞれを ffmpeg を使用して PNG 画像に変換したいが、透過性は維持したい。
これまでのところ、私はこれを試しました:
しかし、これは背景が黒いPNGファイルを出力します。
これを行う方法はありますか?
代替の許容可能な解決策: 画像を出力し、アルファ チャネルに選択した特定の色を与えることができれば。その後、後で imagemagick を使用して削除し、その色を透明度に変換できます。