Javaで名前が付けられたクラスがあることはわかっており、RadialGradientPaintそれを使用して円のグラデーションペイントを作成できます。

しかし、私は楕円形（楕円形）にしたいですGradientPaint。楕円形を実装する方法はGradientPaint？

2 つの電子スイッチと 2 つのライトを備えたスイッチ ボードを開発しましたが、ブラウザによって結果が異なります。

クロム出力

Chromeではうまく機能しています。

クリックすると拡大画像が表示されます

サファリ出力

ボタンの光沢のあるラベルが下に押されます

クリックすると拡大画像が表示されます

ファイアフォックス出力

放射状グラデーションは DULL

クリックすると拡大画像が表示されます

クロス ブラウザー プラットフォームのサポートを行っているときに、何か不足しているものはありますか?

どんな提案でもしてください！どんな助けでも大歓迎です

探してみてください 現行版コードペン リンク コメント付きです

varの色をcolor = d3.scale.category10();円の svg のグラデーションに適用しようとしていますが、何が間違っていますか? 私が見ているのは、color = d3.scale.category10();(青) から 0% の不透明度のグラデーションの最初の色だけですが、それだけです。グラデーションを取り除くと、必要な範囲が1〜4であることがわかりますか？前もって感謝します！

放射状グラデーションではなく、円を囲む線形グラデーションで円を描こうとしています...基本的に、カラーホイールを作成しようとしていますが、色がカスタマイズ可能になるため、動的にする必要があります.. .しかし、私はこの問題にどのようにアプローチするかについて完全に困惑しています...

自分の円を描いて色を付けてから、より大きな半径でプロセスをループして塗りつぶすことができると思いました。しかし、それは非常に非効率であるだけでなく、非常にバグが多いことも判明しました...

これが私の最初の試みでした: http://jsfiddle.net/gyFqX/1/ 私はその方法に固執しましたが、円の各点に対して 2x2 の正方形を埋めるように変更しました。3 色までのブレンドには問題なく機能しましたが、その後、歪みに気付き始めました。

とにかく、私はそれに少し取り組み続けました。これが私が今持っているものです: http://jsfiddle.net/f3SQ2/

私が達成しようとしているのは、次のようなものです: http://img252.imageshack.us/img252/3826/spectrum.jpg

「明るさ」(白から黒へのフェード) は、カラー スペクトルが描画された後に放射状のグラデーションを使用することで実現できることがわかっているため、問題ではありません。ただし、スペクトル自体を描画する方法を理解する上で助けていただければ幸いです。

直線を描いて曲げる（変形させる）こともできると思っていたのですが、それを行うためのネイティブ関数がなく、そのようなことに取り組むことは私のスキルレベルを超えています。:-/

しばらくの間、私は円グラフの色付けで遊んでいます...そして、グラデーションのないカスタム色、またはグラデーションのあるデフォルトの色を取得しました...私の色はphpフィールドに保存され、colors: <?echo $myColors;?>. 私のコードの実際の状態は次のようなものです（グラデーション付きのデフォルトの色を示しています）：

自分の色を簡単な方法で表示するには、どのように編集すればよいですか? また、「停止」オプションが何であるかがわかりませんでした...

任意の入れ子を持つ他の要素で構成される不規則な形状の要素があるとします。

すべての部分はインタラクティブです（つまり、子供が実際のコントロールになることができます）。

子供の背景を、すべての子供にまたがる単一の放射状グラデーションで塗りつぶすにはどうすればよいですか（サイズがに設定されているように見えるはずですelement）。

更新：StackPanelには、子の周りに描画する必要のあるシャドウがあります。

element考えられる解決策の1つは、適切な変換を使用して、半径と原点/中心をプロパティにバインドしてグラデーションを生成することですchildが、このようなアプローチはかなり複雑でコストがかかります。

キャンバスにいくつかの円を描いています。この円のそれぞれに放射状のグラデーションを適用したいと思います。現在、各円に新しいグラデーションを割り当てていますが、これはあまり良い考えではないと思います。

各円の半径は同じだが座標が異なることを知って、放射状グラデーションを事前に割り当てる解決策はありますか?

ありがとう

以下のような画像を描くにはどうすればよいですか？これは写真編集ツールで作成しました。しかし、iOSではそれをうまくやってのけることはできません。

• 楕円
• 「ソフトコーナー」は、ある意味、円形ではないことだけが放射状のグラデーションのようなものです。

https://stackoverflow.com/a/12665177/129202は私を良い方向に導きますが、実際にはアフィン変換の効果は 100% ではありません。

使用したコード:

Kinetic.js を使用して放射状グラデーションに変換を適用したいと考えています。

たとえば、中央（白）から側面への放射状のグラデーションを持つ200x200の長方形があります。グラデーションのみをスケーリングして、円形ではなく楕円形にすることができますが、長方形の正方形 (および 200x200 サイズ) をそのまま維持するにはどうすればよいですか?