問題タブ [radial-gradients]

背景画像として、またはプログラムで（Android 4.0で）背景として（放射状）グラデーションを追加しようとしましたが、どれも機能しません。エミュレータでしかテストできませんが、4.0 デバイスでも同じだと思います。

これらの解決策は機能しません:

• raw フォルダに配置します。( Android リソース / 画像 / png 最適化を無効にする)
• ディザリングとアンチエイリアシングを true にしてプロキシ xml を作成し、png の不透明度を 99% に保存します。( android:dither="true" はディザリングしません。何が問題なのですか? )
• onAttachedToWindow のオーバーライド ( Android: 背景が帯状に見えるように線形グラデーションを使用)
• hdpi フォルダーに移動 ( Gingerbread のグラデーション)
• プログラムでグラデーションを作成する ( http://crazygui.wordpress.com/2010/09/05/high-quality-radial-gradient-in-android/ )

私はさらにいくつかのことを試したと思いますが、誰かが背景として作業グラデーションを作成する方法を知っているのでしょうか?

私の現在のコードは次のようになります。

および background_image.xml

ビューの背景として機能するグラデーション描画可能な四角形を作成したい

このように見えるはずです

今はこんな感じ

次のようになります。

これがドローアブルの私のコードです

必要に見えるようにするにはどうすればよいですか？

複数のグラデーションを行うのはかなり新しいです。線形グラデーションがあり、その上に放射状グラデーションがあります。

正常に動作しますが、なぜ放射状グラデーションのサイズがピクセル単位で定義されているのか疑問に思っていますが、それは % のように機能します。

チェックアウト: http://jsfiddle.net/tK5Ch/

ブラウザのサイズを調整すると、放射状のグラデーションが移動します。100px x 100pxのように固定したいだけです

何が起こっているのですか？

グラデーションの結果は同じであってはなりませんか? なぜこんなに違うのですか...何か足りないのですか？

デモンストレーション

SVG

CSS

CSSグラデーションだけでこのようなことができるかどうか疑問に思っています:

http://postimg.org/image/nxciwsv4f/

この例では、中央のオレンジがすべての方向でグレーにフェードします。黒い長方形は div を表します。

他にもさまざまな勾配関連の機能がありましたが、w3 学校ではこれを見つけることができませんでした。

私は Web 開発の初心者で、自分の個人的な Web サイトのコーディングを始めたばかりです。私は、html や css の構文をまったく知りません。オンラインでチュートリアルを読んだり見たりして、ウェブサイトの背景グラデーションを作成できましたが、グラデーションが思い通りに動作しません。ブラウザ ウィンドウのサイズを変更しても、グラデーションの比率を維持したい。現在、ウィンドウのサイズに応じてグラデーションが引き伸ばされています。

助けてください。これが私がこれまでにCSS用に持っているコードです

私D3 circle packの見た目は次のようになります:( jsfiddle からもアクセス可能)

ただし、図を次のようにしたいと思います: (ラベルやサークル パックの配置に注意を払わないでください。これらは私の場合には必須ではありません。円の「3D」外観とその色を一緒に表示することを意味していました)

これを達成するための良い方法は何でしょうか?

@Delapouiteの回答の後、別のjsfiddleをまとめました：

キーコードは次のとおりです。

と