問題タブ [radial-gradients]

何らかの理由で、Canvas を使用しているときに私の Firefox に放射状のグラデーションが表示されません。その理由は誰にもわかりません。(他のコンピュータではこの問題は発生しません)

ここに私が使用しているコードの一部があります:

ps: この問題は Firefox でのみ発生します (更新されています)。

closest-sideの有効なオプションはまだありますradial-gradientか? Chrome の最新の開発リリース (18.0.1003.1 dev) までは、以下が機能しradial-gradientていました。

そして、この効果を生み出しました:

今、18.0.1003.1 devに更新した後、これを生み出しています:

デモ: http://jsfiddle.net/ThinkingStiff/cn6C8/

Firefox、Safari、Opera (それぞれのプレフィックス付き) は引き続き正常に動作します。他の 3 つのオプション --closest-corner, farthest-side,およびfarthest-corner-- は引き続き期待どおりに機能し、オプションがない場合も同様です。

radial-gradientMDNのページでは、これが正しい形式でありclosest-side、有効なオプションとしてリストされています。この動作の確認が 1 つあり (以下のコメントで)、Chrome フォーラムで何も見つかりません。このオプションは削除されていますか、それとも Chrome のバグですか?

更新 (2011-01-16): このケースを作成しました: http://code.google.com/p/chromium/issues/detail?id=110341
更新 (2011-01-20): ケース割り当てられていますが、バグとしてのステータスの確認はありません。

上記のコードがあり、このグラデーションが上から下に行くことに気付きました。30px の後にグラデーション全体を停止させる方法はありますか。必要に応じて調整できますが、グラデーションが 30px 以降で完成するようにするにはどうすればよいですか?

同じDOM要素でレンダリングする2つの放射状グラデーションを取得しようとしていますが、結合ではなく2つのグラデーションの交差をレンダリングしているようです（これが私が望むものです）。

例： http： //jsfiddle.net/VUzLS/1/

時間を節約するために、オーバーラップがない場合、両方のグラデーションはレンダリングされません。交差がないため、何もレンダリングされません。

これで2つのグラデーションの結合をレンダリングする方法はありますか？

編集：これは私が欲しいものを説明するはずです。赤い楕円で定義されたグラデーションが白いセクション全体を占めるようにしたいのですが、現在は赤い楕円で定義された領域の交点のみを占めています。

私は次の図を持っています。これは、中心でフルカラーの円をレンダリングし、端で 0 アルファにフェードします。これを画面に描くと完璧に見えます。ただし、PDF コンテキスト (CGPDFContextCreate) で同じものを描画すると、円全体が不透明になります。PDF にその他の通常のパスを描画すると、アルファ レンダリングで問題が発生します。したがって、グラデーションだけでは機能しません。これはバグですか、それとも何か不足していますか?

丸みを帯びた境界線と IE9 のグラデーションに問題があります。丸みを帯びた境界線からグラデーションがはみ出します。

をすでに使用していますがoverflow:hidden;、何も機能しません。助言がありますか？

openCV 2 APIを使用して、3つのランダムな半径で3つのランダムな位置に3つのランダムな色の放射状グラデーションでopenCVマット(画像)を埋める方法を知りたいですか? 1行のコードで可能ですか？

これらのようなボタンを作成しようとしていますhttp://houseofbuttons.tumblr.com/post/16760351131/starred-checked-action-buttons-by-brendon

cssだけでそれをやりたいと思っていました。

簡単なjsfiddleページhttp://jsfiddle.net/ne69Eをまとめました（ただし、jsfiddleなしで同じコードのラウンド要素が表示されますが、動作させることができませんでした）。

これに時間をかける前に、放射状グラデーションの上に線形グラデーションを作成できることを確認したいと思いました。background-image: linear gradient を使用してみましたが、これは div にのみ適用され、境界線には適用されません。

どう思いますか？出来ますか？それとも、画像だけを使用する必要がありますか?

私は RGraph を使用しており、グラデーションを使用して円を作成する必要があるため、それらは 3D 球体のように見えます。blob という新しいノード タイプを作成し、次のようにコードを実装しました。ただし、グラデーションはキャンバス全体に適用されます。うまく説明できないのですが、どなたか教えていただけないでしょうか？

どうもありがとう

イヴァン

WPF で、ゲーム用に球形のピースを描画しようとしています。ピースは、RadialGradientBrushs を使用して楕円として描画されます。以下に示すように、私の黒の作品は素晴らしく見えますが、白の作品をグレーに見せずに深みを持たせるのは困難です.

私は現在使用しています：

白い部分の周りの黒い円は役に立ちませんが、それらがないと、さらに悪く見えます. (見栄えの良い描き方が見つかれば削除します)