問題タブ [linear-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.

0 投票する
1 に答える
250 参照

c++ - C++およびGDIでのスクラッチからのマルチグラディエントブラシの実装に関する問題

GDIを使用してC++でグラデーションブラシを最初から実装しようとしています。GDI+やその他のグラフィックフレームワークを使用したくありません。グラデーションを任意の方向(任意の角度)にしたいと思います。

擬似コードの私のアルゴリズム:

extendDistanceは、長方形の中心から通る線の長さであり、グラデーションの角度に等しいグラデーションを持ちます。

これまでのところ順調です。これを描くことができて、見栄えがします。しかし、残念ながら、回転ビットのために、長方形の角の色が間違っています。結果は、90度の倍数である角度に対してのみ完璧です。問題は、スケーリング係数が長方形のサイズ全体にスケーリングされないことであるように見えます。

あなたが私のポイントを理解したかどうかはわかりませんが、それを視覚化せずに私の問題を説明するのは本当に難しいです。

誰かが私を助けたり、役立つ資料にリダイレクトしたりできるなら、私は感謝するでしょう。

0 投票する
3 に答える
4586 参照

jquery - jQuery の css メソッドを使用して background-image プロパティを線形グラデーションに設定するにはどうすればよいですか?

これを自分のページで使用すると、背景のグラデーションが表示されません (現時点では Safari と Firefox だけが心配です)。

適切なブラウザでどちらか一方だけを使用してみましたが、うまくいきませんでした。

コード内の要素にインライン スタイル属性を使用することもできますが、jQuery の API を使用してそれを行う方法がある場合は、そのようにしたくありません。

0 投票する
5 に答える
56012 参照

css - CSS3 クロスブラウザの線形グラデーション

次のコードの Opera と IE の代替は何になりますか?

、次のルールをテストしました。すべてのブラウザがそれらをサポートしています。しかし、それらは垂直方向のグラデーションです。それらを水平のものに変更するにはどうすればよいですか?

0 投票する
2 に答える
1813 参照

css - IE9 の疑似要素の CSS グラデーション

IE9 で疑似要素に CSS グラデーションを設定するための解決策を知っている人はいますか?

これが私のアプローチです:

http://jsbin.com/iquhut/edit#html,live

疑似要素にフィルターが適用されていないように見えますか、それとも何か見逃していましたか?

0 投票する
1 に答える
316 参照

apache-flex - Flex AreaChart グラデーション塗りつぶしが比率を正しく適用しない

面グラフでグラデーション塗りつぶしを行う場合、グラデーション比率はグラフの最小値と最大値の間でのみ使用されます。min より下の領域は、グラデーションの最後の色で塗りつぶされます。

最小値と最大値の間の比率のみを使用していることを確認するために、グラフにゼロ (0) を挿入し、グラデーションを高さいっぱいまで拡張しました。また、グラデーションの塗りつぶしで を作成して、グラデーションの値を確認しました。

最小値と最大値の間だけでなく、塗りつぶし全体で比率を有効にするにはどうすればよいですか?

0 投票する
2 に答える
4899 参照

svg - 定義のない SVG の線形グラデーション

次のような defs-section を使用して、SVG で線形グラデーションを使用できます。

defs-section なしで線形グラデーションを使用できますか? 私はこのようなものを見つけます:

0 投票する
1 に答える
1299 参照

iphone - TableViewCell に配置された UISlider 値に対して背景色のグラデーションを変更します

私は目的の C を初めて使用します。同じセルに配置された UIslider に関して、セルに配置されたラベルの背景色のグラデーションを変更したいと考えています。スライダーが左から右に移動すると、背景色のグラデーションが変化します。誰かが私にそれを行う方法を教えてもらえますか???

0 投票する
2 に答える
2788 参照

gradient - 新しいWebkitグラデーション構文のみを使用した右側の境界線グラデーション、これをサポートするブラウザー、およびそれらのブラウザーでもそれを行う方法は?

これに関連する他の質問には、新しい構文ではなく古いWebkit構文を与える回答があるか、境界勾配を片側だけに適用する方法が説明されていません。

画像を使用せずにCSSを介してグラデーションの境界線をサポートするブラウザはどれですか?

以下のJsFiddleに例があります。これは、右の境界線のみにグラデーションが適用されていることを示しています。このクロスブラウザーを、現在CSS境界線のグラデーションをサポートしているすべてのブラウザーと互換性を持たせるにはどうすればよいですか。私の例のGradient構文は、webkitで使用されている古い構文であると思います。1年ほど前に構文が更新されたので、新しい構文を使用したいと思いますが、試行するたびに失敗します。構文の何がグラデーションを右側にのみ適用するように指示しているのかわかりません。数値を調整しようとしましたが、何が行われているのかわかりません。どうもありがとうございます。

http://jsfiddle.net/nicktheandroid/MNax7/1/


また、以下に別の例があります。これは、すべてのブラウザーが使用する新しいCSSグラデーション構文を使用していますが、グラデーションはすべての境界線に適用されるため、上記の例のように、右側の境界線のみに適用する必要がありました。

http://jsfiddle.net/nicktheandroid/b875w/2/

0 投票する
2 に答える
25154 参照

c# - WinForms の多色線形グラデーション

WinFormsで多色線形グラデーションを作成するには? System.Drawing.Drawing2D.LinearGradientBrush では 2 色のみ使用できます。

0 投票する
1 に答える
1334 参照

flash - Flash AS3 線形グラデーション回転の問題

これは私の最初の投稿なので、すべてが正しくなり、問題の答えが見つかることを願っています。

Flash AS3 では、長方形に動的グラデーションを作成しています。グラデーションを 26 度回転させる必要があります。私の問題は、長方形の幅/高さに基づいて回転が変化するように見えることです。適用する長方形のサイズに関係なく、回転を26度にする必要があります。

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