問題タブ [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.

331 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
1 に答える
2005 参照

css - Appleのようなモーダルオーバーレイ背景としてのCSS放射状グラデーション

私はそれを正しく理解できなかったようです。Appleと同じような放射状のグラデーションオーバーレイが必要ですが、私が行っていたものは何も近くに見えませんでした。中心の円の半径を25％にしたいのですが、半径350pxで落ち着きます。

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

ios - Core Graphics / Quartz 2Dを使用してiOSで円錐グラデーションを作成するにはどうすればよいですか？

Core Graphics / Quartz 2D APIを使用して、iOSでこのような円錐形のグラデーションを描画するにはどうすればよいですか？

コニカルグラジエントサンプル
（出典：ods.com.ua）

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

javascript - HTMLキャンバスに不透明度の放射状グラデーションを描画し、それを背景として使用します

キャンバスオブジェクトを次のように表示する方法を探しています：http ：//www.onetuts.com/attachments/2010/05/07/1_201005072156152XYem.jpg

グラデーションはrgba（0,0,0,0.8）からrgba（0,0,0,0.2）になるはずですが、キャンバスを1280x720pxにできません。

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

transparency - createRadialGradientと透明度

createRadialGradient()HTML5キャンバスで遊んでいます。（半）透明性を実装しようとしている場合を除いて、それは魅力のように機能します。

うまくいけば明確にするために、このjsFiddleを作成しました：http：//jsfiddle.net/rfLf6/1/。

何が起こっているのかというと、円（放射状のグラデーション）が(x, y)半径でペイントされ、rカラーストップはとです。ただし、緑の円は緑から黒になりますが、透明になる必要があります。つまり、背景の円の適切な赤い色になります。r'transparent'

HTML5キャンバスに透明な放射状グラデーションを実装するにはどうすればよいですか？

0 投票する
5 に答える
11544 参照

iphone - iPhoneで新しいUIImageに放射状グラデーションをレンダリングする方法

放射状グラデーション (ポイント > 円) を新しい UIImage (iphone) にレンダリングする方法を考えてみてください。私は次を見ました：

http://developer.apple.com/library/ios/#documentation/GraphicsImaging/Conceptual/drawingwithquartz2d/dq_shadings/dq_shadings.html

そして、CGShadingRefまたはCGGradientRefを使用し、UIImageの「imageWithCGImage」コンストラクターを使用してCG *からUIImageに移動する必要があると思いました...しかし、方法がわかりません。

どんな提案でも大歓迎です！

0 投票する
9 に答える
293567 参照

html - 画面全体を埋めますか?

次のように、Web ページの背景として放射状グラデーションを使用しています。

機能しますが、コンテンツがページ全体を埋めていない場合、グラデーションが途切れます。<body>常にページ全体を要素で埋めるにはどうすればよいですか?

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

safari - Webkitの放射状グラデーションがSafariで機能しないのはなぜですか？

これはChromeでは機能しますが、Safariでは機能しません。

Safari用に修正するにはどうすればよいですか？

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

wpf - 角丸長方形の RadialGradientBrush

次のような角の丸い長方形があります（楕円ではありません）。

黒から白へのグラデーション塗りつぶしを使用したい。塗りつぶしが楕円ではなく角丸長方形の形状を維持するようにするには、どうすればこれを指定できますか?

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

firefox - 放射状グラデーションのオペラとFirefoxの構文

webkit/mozの放射状グラデーションを使用してある種のビネットを作成します。私はwebkitの正しい構文と効果を持っていますが、mozまたはoperaを正しくダイヤルできません。Mozは一種の長方形です..Operaは存在しません。

助言？

CSS

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

css - 透明な png 画像の背後にある円形の背景

サイズ 64x64 の背景画像を含む div があります。ユーザーがマウスでdivの上にカーソルを置いたときに、このdivに円形の影または放射状の背景を与えたいと思います。

単純に div にボックスの影を付けると、影が四角形に投影されます。div に半径を持たせる場合、トリミングされないように div を 64x64 よりも大きくする必要がありますか?

私が説明しようとしていることを示す次の例を見てください: http://jsfiddle.net/rNeaZ/2/

特に4番目の例（上記のリンクに表示）は、次の理由で私が求めているものには適していません。

  • サイズは私の 64x64 画像よりもはるかに大きいです
  • 画像には円形の境界線があるように見えますが、これは私が望むものではありません。私はその背後にある円形の影または背景を求めています

12345678910