問題タブ [shadow]

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

jquery - テキストとボックスのドロップ シャドウ、角丸、jQuery 公式プラグインによるグラデーション

すべてのブラウザーでこれらの効果を可能にする公式の jQuery プラグイン (jQuery UI など) はありますか? または、少なくとも IE8、Chome、FF、および Opera。ユーザープラグインは、長期的にサポートが不足していることが多く、相互に互換性がなく、一貫した品質と最適化に欠けているため、必要ありません。

jQuery UI のデモ ページで「オーバーレイ クラスとシャドウ クラス」をいくつか見ましたが、それらに関するドキュメントが見つかりません。頻繁に必要とされるこれらの機能は、何らかの方法で jQuery に含める必要があると思いますか?

どんな助けにも感謝します!前もって感謝します!

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

wpf - 影のない WPF Aero ウィンドウ

次の質問を認識しています: 特定のエアロ ウィンドウの影の効果を無効にしたい

ただし、Aero ウィンドウの背後にある DWM ブラー/反射はまだ必要なので、カスタムの透過ウィンドウを作成することはできません。私はそれにどのようにアプローチしますか?反射は自分で処理できましたが、ぼかしの作成方法がわかりません。

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

passwords - サポートされているハッシュアルゴリズムを返す

システムでサポートされているハッシュアルゴリズム(パスワードのハッシュ用)を返すコマンドまたはスクリプトが必要です。つまり、アルゴリズムはpam.d構成ファイルまたはlogin.defsで使用できます。

通常、md5、bigcrypt、sha256、sha512、blowfishがサポートされていますが、新しいアルゴリズムがサポートされているかどうかをプログラムで確認し、スクリプトで判断する必要があります。/proc/cryptoを確認しましたが、前に述べたものよりも少なすぎました。

ありがとう

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

internet-explorer - IE7以前では、子要素を親の後ろに配置するにはどうすればよいですか?

Internet Explorerでぼやけたドロップシャドウ(CSS3ボックスシャドウに似ています)を作成しようとしています。これを行う最も論理的な方法は、IEでシャドウを必要とするすべての要素を見つけ、jQueryを使用してそれらの中に新しいdivを挿入することです。この新しいdivは、その親とまったく同じスペースを埋め、IEのぼかしフィルターを使用してぼかしを入れることができます。htmlは次のようになります。

そしてCSS:

これは完全に機能します(異なる領域のオーバーラップが正しく機能するように少し調整する必要があります)。ただし、IE7以前では、「位置」の設定方法に関係なく、子要素を親の後ろに配置できないようです。および「z-index」。

もう1つのオプションは、シャドウが必要なボックスの前または後に.ie_shadow divを挿入することですが、これには独自の問題がいくつかあります。具体的には、影を必要とするdivによって明示的に設定されない限り、影の幅(および位置)を設定する良い方法はありません。.ie_shadowの高さと幅は明示的に設定されており、自動的に再計算されないため、ユーザーがページのサイズを変更した場合にも、このメソッドは機能しなくなるようです。

どんな助けでも大歓迎です。ありがとう!

編集:実際の例については、こちらを参照してください:http: //martinsmucker.com/demo/ie_shadow.html IE7に恵まれなくなった私たちにとって、IE7標準モードでページを表示するようにIE8を設定すると、問題が忠実に再現されます。

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

opengl - フラグメントシェーダーから32ビットのデプスバッファーにアクセスしますか?

私はシャドウイングのために次のテクニックを実行しようとしています。NVIDIAサイトでそれを読みましたが、それは良いテクニックのように思えました。CPUでシャドウボリュームを計算するよりも、「本当」のように見え、これをソフトシャドウに使用できるので、私はそれを好みます。:

1回目のパス:

  • LIGHT0の観点からデプスバッファを埋めます。このデプスバッファを2回目のパス用にコピーします。(*)

2回目のパス:

  • EYEから、およびフラグメントごとにビューをレンダリングします。
    • (*)に格納されているデプスバッファのXY位置を取得します。対応する32ビット値を取得します。
    • ライトまでの距離を計算します。
    • この距離を、保存されている深度バッファ値と一致させます。
    • 大きい場合、フラグメントはglDisable(LIGHT0)モードで描画されます。それ以外の場合、フラグメントはライトを有効にして描画されます。この目的のために、2つのフラグメントシェーダーを使用し、距離の比較に応じて2つのフラグメントをブレンド/切り替えます。

ここで、いくつかの理由で、フラグメントシェーダーの最後の手順を実行したいと思います。ひとつは、シャドウイングの「効果」を考慮したいということです。私のゲームでは、障害物までの距離が小さければ、シャドウは非常に「厳密」になると言っても過言ではありません。 。遠くにあると、グローバルイルミネーションがより強くなり、影がわずかになります。これは、カードゲームであるため、より複雑な「凹型」の形状には当てはまりません。

しかし、私はopenGLを初めて使用し、次のいずれかの方法を理解していません。

  • 2Dテクスチャにコピーせずに、フラグメントシェーダーの1番目のパスの深度バッファーにアクセスする方法。それは不可能だと思いますか?
  • 32ビットのデプスバッファを各R、G、B、Aコンポーネントに8ビットがあるテクスチャにコピーしてから、フラグメントシェーダーでその値を再アセンブルすることが、私ができる最も効率的な方法ですか?
  • クロスプラットフォームの拡張機能がある場合は、これに使用できます。

誰かが私を助けてくれるか、私にいくつかのアイデアを与えることができれば、私は今ちょっと困惑しています。良いハードウェアと自由な時間がないので、すべてをデバッグ/試してみるのに疲れるプロセスになります。

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

javascript - Javascript: X、Y 座標から方向を取得する式

私は CSS ドロップ シャドウをすばやく作成するためのユーティリティを作成していましたが、これはIE フィルターを使用した IE でのみ実行できることに気付きました。ただし、シャドウ フィルターは (x, y) 座標の代わりに方向を使用します。

(x, y)座標からどのように方向を計算できますか?

編集:与えられた応答とこのリンクの詳細を使用して:次のようにコードを変更しました:

X、Y としてそれぞれ使用する Horizo​​ntal Offset と Vertical Offset を渡すと、0 から 359 までの角度が得られます。

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

colors - ペン先のUIButtonのタイトルに影の色を設定する

シンプルなiPhoneアプリケーションを開発しています。ペン先のUIButtonのタイトルの影の色を設定したいと思います。

誰かがペン先のタイトルに設定された影の色を見つけるのを手伝ってもらえますか?

よろしく、ディーパ

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

firefox - 「-moz-box-shadow」が Firefox / Gecko でサポートされたのは最近ですか?

-moz-box-shadowFirefoxはどの程度サポートされていますか? かなり前から聞いていると思っていたのですが、そのページは

https://developer.mozilla.org/en/css/-moz-box-shadow

Firefox 3.5 と Gecko 1.9.1 まではサポートされないと言っていますか? (現在の Firefox 3.6.12 と Gecko 1.9.2 では) 最近までサポートされていなかったということですか?

0 投票する
4 に答える
6191 参照

html - CSSを使用してフォントにシャドウ効果を追加します

みなさん、こんにちは。またあなたの助けが必要です:D

CSSのみを使用してHTMLのテキストに影の効果を追加することは可能ですか?私はたくさんのボタンがあるプロジェクトに取り組んでおり、画像を使用せずにボタンのテキストに影の効果を追加し、最も使用されているブラウザと互換性を持たせる方法を見つける必要があります。CSSで「text-shadow」プロパティを使用してみましたが、機能しませんでした。

ありがとう

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

shadow - CSS の box-shadow と -moz-box-shadow の正確な説明は何ですか?

CSSの説明がやや不正確だbox-shadowと思います。-moz-box-shadown

http://www.w3.org/TR/2010/WD-css3-background-20100612/#the-box-shadow

3 番目の長さはぼかし距離です。負の値は使用できません。ぼかし値が 0 の場合、影のエッジはシャープになります。それ以外の場合、値が大きいほど、影のエッジがぼやけます。

4 番目の長さは広がり距離です。正の値を指定すると、影の形状は指定された半径だけ全方向に広がります。負の値を指定すると、影の形状が収縮します。

4 番目の長さが同じ色 (最も暗い色合い) を使用し、指定された幅に対してそれを繰り返すというのは本当ですか? スムーズにぼやけませんか?

ぼかし率やフェードアウト率の指定は実現できるのか…?

誰かが正確にどのように機能するかを正確に知っていますか?