問題タブ [rgba]

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

css - rgb/rgbaとフォールバックを使用したCSS3クロスブラウザグラデーションの背景

rgbブラウザがサポートしていない場合に備えて、フォールバックのある値で動作するクロスブラウザグラデーション効果を試してみたいと思います。

jsFiddleの例:http ://jsfiddle.net/HelloJoe/hUxdh/

私はブラウザの大部分をカバーしたと思いますが、いくつか質問があります。

  1. 私が見逃した、一般的に使用されている他のブラウザーや、iPad /スマートフォンなどのデバイスに必要なプロパティはありますか、それとも現在使用されているプロパティの1つからレンダリングされますか?

  2. たまたまグラデーションがレンダリングされない場合、background: rgb(50, 50, 50);単色を生成するのに十分なオリジナルがありますか?

  3. 値を使用すると、値を使用filterして機能させることができず、代わりに値rgbを使用する必要がありましhexた。これは大きな問題ではありませんが、値のみを使用しようとしていrgbます。これを回避する方法はありますか、それとも単にそれらを受け入れませんか?

  4. rgba代わりに使用する場合rgbは、rgbaグラデーションの背景値rgb、アルファ透明度をレンダリングしないためのフォールバックとしてのグラデーションの背景値、およびグラデーションがまったくレンダリングされなかった場合のソリッドな背景のフォールバックが必要ですか?または、ブラウザはアルファ透明度の値を無視して、別の背景フォールバックなしでrgbからを表示しますか?rgbargb

  5. すべての最後のフォールバックとしてhex、CSSプロパティの先頭に設定値を設定する必要がありますか?付加価値を付けても害はないと思いますが、使えるのであればサイト全体の色をすばやく簡単に変更できるhexという考え方です。したがって、フォールバック値があると、とにかくすべての値を調べて編集する必要があるため、使用しようとしている目的に無意味に使用することになります。rgbrgbahexrgb/rgbahex

私は少し検索を行いましたが、例はさまざまです。理解はさまざまな人々の間で誤って解釈されており、目的の結果を得る正確な実例を作成しようとしていました。

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

css - ライトボックス:画面の残りの部分を透明にする際の問題

多くの場所でbackground:rgbaを使用したWebサイトを設計するためbackground: rgba(0, 0, 0, 0.6) !important;、画面の残りの部分を透明にするために使用しているライトボックスを作成しようとしたときに、背景として機能していません他の要素から(予想どおりに)適用されています。

z-indexを使用してライトボックスを実装しようとしましたが、失敗しました

説明が苦手なので、ここにコードがあります

cできるように、divはバックグラウンドではなくフォアグラウンドにあります。div内にバックグラウンドが設定されていないと、これは解決できますが、作業中のサイトにはバックグラウンドが多すぎて削除できません(つまり、それはできません)

助けてください、初心者

0 投票する
16 に答える
16343 参照

javascript - RGB と RGBA の両方に一致する正規表現 JavaScript

現在、RGB文字列に一致するこの正規表現があります。RGBまたはRGBAのいずれかに一致するのに十分なほど堅牢になるように強化する必要があります.

http://jsfiddle.net/YxU2m/

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

objective-c - UIImageのピクセルのRGBAカラーを設定する方法

iPhoneアプリケーションのUIImageのピクセルのRGBA色を設定(変更)する可能性を探しています。(私は実際にいくつかの塗りつぶしのものを実装したいです)

だから私はこのようなものが必要です:

このメソッドは頻繁に呼び出されるため、遅すぎないようにする必要があります。

助けてください。

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

prototypejs - scriptaculous の背景色のプロトタイプ: RGBA カラー アニメーション

このhttp://pioupioum.fr/sandbox/jquery-color/のようなものは、プロトタイプと scriptaculous ですか?

セクシーでファンシーなものを得るために、ウェブサイトの背景に定期的に RGBA をアニメーション化したいと考えています...

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

window - PyGTK で RGBA カラーマップを作成する

Python 2.7 と PyGTK のプロジェクトがあります。

透明な背景ウィンドウを作成する必要がありますが、ウィンドウ内に画像 (ピックスマップおよびマスク ベース) やその他のオブジェクトを表示できます。

次のコードを使用していますが、Ubuntu (Oneric Ocelot) に画像オブジェクトが表示されず、以下に投稿されたエラーが表示されます (ウィンドウにはボタン オブジェクトが表示されます)。これは Windows 7 でもレンダリングされません (このエラーは以下にも掲載されています)。

ウィンドウズ 7 ラン:

トレースバック (最後の最後の呼び出し): ファイル "C:\Users\user\MousePaw Games\Word4Word\PYM\fishtest2.py"、337 行目、HAB_FISH() ファイル "C:\Users\user\MousePaw Games\Word4Word\ PYM\fishtest2.py"、100 行目、init hab_fish_win.set_colormap(rgba) TypeError: Gtk.Widget.set_colormap() 引数 1 は、None ではなく gtk.gdk.Colormap でなければなりません

簡単な「print rgba」は、rgba が「None」であることを確認するため、エラーになります。

UBUNTU「ONERIC OCELOT」実行:

Gtk 警告: 深さ 24 のドローアブルを深さ 32 のドローアブルに描画しようとしています

何が起こっている?ウィンドウの透明な背景がどうしても必要です。

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

html - 重なり合う要素を透明な背景とボックスの影で融合

私は 2 つの要素を並べて融合させようとしています - それらが 1 つの要素であるかのように - 通常はそれらを少しオーバーラップさせ、1 つの要素のように簡単に見えるようにしますが、使用している両方の要素の背景は部分的に透明ですオーバーラップがおかしく見えます - 残りの背景よりも暗くなり、ボックスの影が非常にはっきりと見えます

http://jsfiddle.net/vbh4u/7/

要素を完全に並べてみましたが、まだ少しの影が表示されています。ボックスの影のスプレッド値に負の値も使用しましたが、要素の一部しか必要ないため、これは理想的ではありません片面全体ではなく、片面の半分のように、影を持たないように...

少し調べてみましたが、何も見つかりません。誰かアイデアがありますか?

編集:

canvas 要素についてはほとんど知りませんが、canvas を使用してこのようなことを行う方法はありますか?たとえば、キャンバスに複雑な形状を描画し、それをコンテンツの下に配置する方法はありますか?

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

jquery - Fancybox は、実際のページではなく、テスト ページで開きます

Fancybox 2.0 は、テスト ページで希望どおりに起動しています。ただし、実際のページでは開きません。

テスト ページはhttp://beta.nathanbunn.co.uk/js/fancybox/test.htmlにあり、実際のページはhttp://beta.nathanbunn.co.uk/portfolio/actonco2/です。実際のページには、Fancybox を起動する「リンク」というテキスト リンクがありますが、リンクは FB ではなく標準のリンクとして開きます。Fancybox 2.0 は、元の Google グループ フォーラムではなく、ここで一般的に議論されていることを知っているので、このメッセージを両方のフォーラムに投稿しましたが、これについては本当に助けが必要です。Fancybox 自体ではなく、メイン ページの問題であることはわかっています (テスト ページは十分に機能します)。

また、誰かが助けてくれるなら、Chrome と Firefox で試してみましたが、Fancybox スクリプトであっても、設定した色に関係なく、黒い背景は常に黒です。そこで何が間違っていたのでしょうか?白にしたいのですが、rgbA 値が受け入れられないようです。

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

ios - CGBitmapContext のバイト オーダーが ABGR に変更されました - CGImage メタデータがビットマップ コンテンツと一致していないようです

次のコードを使用して、画像の向きと最大サイズを標準化しています(他の場所から収集):

このコードは、回転が UIImageOrientationUp に変換された UIImage を正しく返し、画像が最大画像サイズを超えた場合は縮小される可能性があります。このコードは、UIView で UIImage を表示する場合にうまく機能します。

ただし、その新しい UIImage を取得し、その CGImage コンテンツをビットマップ コンテキストに抽出すると、次のステップで問題が発生します。

そして、それを UIImage に戻して、すべての色が間違っています。inImage から取得した CGImageGetAlphaInfo をチェックして、kCGImageAlphaPremultipliedFirst に設定されたコンテキストを設定しました。AlphaInfo を強制的に kCGImageAlphaPremultipliedLast にすると、少なくとも画像は表示されましたが、赤は明らかに青として表示されていました。最後に、ビットマップ内の RGBA データが ABGR に転置されていることがわかりました。ループを作成してバイト順を RGBA に転置することで、CGImage から作成されたコンテキストを使用して正しい UIImage を再作成できることがわかりました。

スケール アンド ローテーション メソッドを通過したときにのみ、この ABGR 問題が発生します。私の理解では、UIImage を CGbitmapContext に変換し、独自のメタデータをコンテキスト パラメーターとして使用して、まったく同じ画像を受け取ることができるはずです。

私の質問は: ビットマップ ピクセルのバイト順が ABGR に変更されるのはなぜですか? それ自体から作成された BitmapContext から直接 CGImage を再作成できないという CGImage メタデータがどのようにめちゃくちゃになったのですか?

前もって感謝します!

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

java - 2 つの RGB カラーをアルファで組み合わせる

私は(Javaで)2つの色を組み合わせたときに結果の色を取得しようとしています.1つはアルファ透明度です。基本的に、画像に背景色を割り当てようとしていますが、個別に変更される各ピクセルに分解しました。これを含むいくつかの記事を見ましたが、役に立ちませんでした。この種の RGBA/RGB カラーミキシングを実行する方法を知っている人はいますか? 私の現在のコードはこのpngを使用しています:

PNG画像

そして、このJPGを生成します:

JPG画像

これは私が現在使用している機能です。デモ画像の背景は完全な青、つまり 255 の整数に設定されています。

助けてくれてありがとう - ニール