問題タブ [radial-gradients]

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

wpf - WPF のカスタム ボタンのビジュアル フィードバック

メイン ウィンドウにカスタム ボタンがあり、クリックしたときやマウスをその上に置いたときに視覚的なフィードバックをユーザーに提供できるようにしたいと考えています。を使用しRadialGrandientBrushてボタンに色を付けます。これらのイベントで引き続き使用したいのですが、 内に実装する方法がわかりませんtrigger

これが私の現在のコードです:

RadialGradientBrushトリガー内でセッターなどのブラシを使用するにはどうすればよいですか?

ありがとうございました。

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

css - 放射状グラデーションがFirefoxで機能しない

これは Firefox 22 では機能しません:

しかし、それはChromeで動作します:

これは、Firefox が問題を抱えている 2 番目の引数です。に変更した場合

それは FF で動作しますが、それは私が求めている効果ではありませんでした!

jsbinの例

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

css - CSS3放射状グラデーションがブラウザごとに異なって表示される

Web サイトに放射状グラデーションの背景を使用しようとしています。Firefox では問題なく表示されますが、Chrome と IE では表示が異なります。とにかく、以下はFirefoxでどのように見えるか(私もそれをどのように見せたいか)、IEとChromeでどのように見えるかです. クロスブラウザーの互換性を維持するために、 Ultimate CSS グラデーション ジェネレーターを使用しました。これは、グラデーションに使用しているコードです。

以下は、さまざまなブラウザーでの結果です。

ファイアフォックス

ファイアフォックス

クロームとIE

クロームとIE

Chrome と IE で同じように見えるようにするための解決策を知っている人はいますか?

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

ios - 線幅を放射状グラデーションに設定

放射状グラデーションを使用して円を描画しています。正常に動作していますが、境界線の色と境界線の幅をそれに設定したいと思います。試してみましたが、うまくいきませんでした。

ここに私のコードがあります、

境界線の色と幅を設定するにはどうすればよいですか?

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

jquery - svg RadialGradient stop-opacity はアニメーション化できませんか?

jQuery を使用して svg 要素のグラデーションの不透明度をアニメーション化したいのですが、うまくいきません。ただし、ストップカラーのアニメーション化は、同じコードを使用して機能します。

HTML:

jQuery:

ここで何が間違っていますか?それとも、stop-opacity は単純にアニメーション化できないのでしょうか?

アップデート I

W3 によると、stop-opacityアニメート可能です。http://www.w3.org/TR/SVG/pservers.html#GradientStops

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

css - IE の醜いフォントの解決策

私は使用しています

div で放射状の背景を作成することはできますが、IE のフォント レンダリングは、いくつかの jquery 効果 (fadeIn、fadeOut など) のように醜いです。使用フォントは Arial です。

フォントを正常にするためのハックを知っている人はいますか?

助けてくれてありがとう