問題タブ [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.
opengl-es - (放射状) OpenGL ES を使用したグラデーション塗りつぶし
現在、次のコードを使用して図形を描画しています。
私が描いた形は自然に閉じます。この形を (放射状の) グラデーションで塗りつぶすことはできますか? もしそうなら、どうやってこれを行うのですか？
quartz-graphics - CGContextDrawRadialGradient を完全な円ではなく楕円として描画する方法はありますか?
楕円形または楕円形の放射状グラデーションが必要ですが、CGContextDrawRadialGradient は完全な円しか描画できないようです。私は正方形のコンテキストに描画してから、長方形のコンテキストにコピー/描画しています。
これを行うより良い方法はありますか？
ありがとう！
css - 同じ高さまたは幅ではない 2 つの要素をシームレスに流れる CSS ラジアル グラデーションを作成するのに助けが必要です
http://jsfiddle.net/nicktheandroid/F8v2c/3/
2 つの兄弟要素間をシームレスに流れる放射状グラデーションを作成しようとしています。ボタンの右側の 10 ピクセルまたは 20 ピクセルから始まり、「.content」div の約半分まで流れます。
これは、両方の要素のグラデーションを正しく配置するだけで、流れる放射状のグラデーションのように見えるだけだと思います。これが問題です。これをやろうとしましたが、イライラしました。
メニューの背後に背景があるため、下の画像の「機能」の横の部分を単純に「白くする」ことはできません - jsfiddle を参照してください。
たとえば、画像を参照してください。
css - 放射状グラデーションの半径を 200px にする
幅と高さの半径を 200px にするにはどうすればよいですか? これはピクセル単位で実行できると読みましたが、すべての試みが失敗しました。
javascript - createRadialGradient が Firefox で機能しないのはなぜですか?
キャンバスのメソッドとプロパティにアクセスするために、HTML5 と JavaScript のキャンバス タグを使用しています。
このコードは Chrome では機能しますが、Firefox では機能しません: http://jsfiddle.net/thirtydot/BD3xA/。
誰かが理由を知っていますか？
css - Css3webkitgradien古い構文
私はcss3の放射状グラデーションを試していて、見栄えの良いグラデーションを思いついた。
今、私はそれをクロスブラウザにしようとしています。古い-webkit-gradient（'radial'）構文の上記と同等のものは何ですか？
UPDATE 簡単に言えば、古い構文で楕円を描くことは可能ですか？
firefox - Firefox の放射状グラデーションの問題
背景に放射状グラデーションを設定しようとしています。問題は、他のすべてのブラウザーではグラデーションが表示されるのに対し、Firefox では表示されないことです。どうしたの？この Web サイトhttp://www.colorzilla.com/gradient-editor/でこのコードを生成しました(ie9 サポートあり)
ios - UIView に放射状グラデーションを追加するにはどうすればよいですか?
UIView放射状のグラデーションを作成したいのですが、どうすればよいのでしょうか?
javascript - 描画なし円形グラデーション
HTML5では、放射状のグラデーションで図形を塗りつぶしたい場合、次を使用します。
しかし、これは円形の放射状グラデーションによって形を塗りつぶします。楕円形の放射状グラデーションで塗りつぶす方法は？