問題タブ [radial-gradients]

カスタム コントロールを作成していますが、クライアントが「グラデーションが欲しい」と言うまでは問題ありませんでした。だからここにいます。角度を描き、グラデーションカラーで塗りつぶす必要があります。私の以前のコードはこれでした：

CGContextAddArc() 関数を使用すると、角度を描画して CGContextSetFillColorWithColor() 関数でペイントし、パスを閉じて出来上がりです。しかし今、グラデーションでペイントする必要があります。CGContextDrawRadialGradient を使用する必要があるかもしれないことはわかっていますが、円弧で使用する方法がわかりません。StackOVerFlow の他の質問とドキュメントを読んでこれを理解しようとしましたが、それを取得できません。

次の背景を持つHTML5ページがあります。

これは、ページが長くなるまで（15000px程度）正常に機能します。長くなると、Firefoxでは背景が完全に消えます。

他の場所を探すと、これでは機能しない2つの解決策が得られました。htmlと身長を100％、またはbackground-attachment：fixedを使用することになりました。どちらも、ドキュメントの高さではなく、グラデーションの高さをビューポートに一致させます。

これは短いページでは問題なく機能しますが、長いページではFFが壊れます。HTMLを再構築せずに使用できるCSSトリックはありますか？

Android の Canvas に単純な円を描いています。ここで、いくつかのグラデーション カラーで塗りつぶす必要がありますが、実際には滑らかではありません。これは私がやったことです：

そして、これは結果です：

私の質問は: HQ 放射状グラデーションを作成する方法はありますか?

その結果は以下のようになります

しかし、以下のような結果が必要です。そのためにはどうすればよいですか?

最初のQ.これをファイル内の別の場所に移動するための作業コードがあります-それは問題ではありません。問題は、移動可能な放射状グラデーションをどのように作成するかです（API 16の下）。

スナークを先取りして、私はここで多くの時間を過ごしました：

http://developer.android.com/reference/android/graphics/drawable/GradientDrawable.html

GradientDrawable（下記）では、非放射状の方向も設定せずに色を設定する方法はないようです。

これもあります：

http://developer.android.com/reference/android/graphics/RadialGradient.html

しかし、そのグラデーションを動かす方法はないようです。移動可能なある種の透明な円に放射状のグラデーションを配置できますか？私は途方に暮れています。よろしくお願いします。

誰かが私を、できれば実例となる写真で説明できますか？これらの方法はどのように機能しますか？さまざまな例やチュートリアルを見てきましたが、その考えを理解できないようです。は2つの円を作成することを理解していcreateRadialGradient()ますが、これら2つの円は互いにどのように関連し、方法はどのように関係していaddColorStop()ますか？

参考までに、この質問を参照してください: Chrome Radial CSS gradient Smoothness .

OPはグラデーションの滑らかさに問題がありますが、議論から、それはアルファ透明度を使用する場合のみのようです.

私が使用しているグラデーションは次のとおりです。

ご覧のとおり、ハード ストップ (色の遷移なし) と no rgba(アルファもなし) を使用しています。それでも、Chrome (Windows 7 の 23 でテスト済み) では、非常にピクセル化されてレンダリングされます。

これはChromeがこれらを処理する方法ですか、それとも何か不足していますか? 少し滑らかにするためにできることはありますか（明らかに画像を使用する以外に）？

これがフィドルです：http://jsfiddle.net/wARGc/

更新: この のバグ レポートを提出しました。

Chrome バージョン 24.0.1312.25 beta-m を使用していて、小さなサイトの放射状グラデーションを取得しようとしていますが、Chrome で正しく表示されないようです。

私が使用しているCSSは次のとおりです。

HTML の場合:

そして、次のように表示されます: http://i.imgur.com/GCWyF.jpg

まず、ラジアルではありません。第二に、よく見ると真ん中に帯があります。

なぜこれが起こっているのか、それを機能させるために何ができるのか誰にも分かりませんか?

私は NSBezierPath を使用してグラデーションのテストを行っており、放射状グラデーションでこれまでのところいくつかの進歩を遂げています。最初の写真を参照してください。しかし、写真2のように角度勾配をつけることは可能だろうか。

誰かがこれをしましたか？

ティア、ロナルド

div長方形の要素から円形に放射するボックス シャドウを作成する方法はありますか? 丸みを除いて、通常の影と同じです。