問題タブ [gradient]

HSV 色空間の 2 つの色を補間して、滑らかな色のグラデーションを生成しようとしています。

私は線形補間を使用しています。例えば：

(ここで、p はパーセンテージで、h1、h2、s1、s2、v1、v2 は 2 つの色の色相、彩度、値のコンポーネントです)

これは、s と v に対しては良い結果をもたらしますが、h に対してはそうではありません。色相成分は角度であるため、計算では h1 と h2 の間の最短距離を計算し、正しい方向 (時計回りまたは反時計回り) に補間を行う必要があります。

どの式またはアルゴリズムを使用すればよいですか?

編集: ジャックの提案に従って、JavaScript グラデーション関数を変更したところ、うまく機能しました。興味のある人のために、これが私が最終的に得たものです：

-webkit-gradientとがあることを知ってい-moz-linear-gradientます。しかし、グラデーションを定義する標準的な方法は何ですか?

あるように: -webkit-border-radiusand-moz-border-radiusそして、標準は であることを意図していますborder-radius。

その中にコンテンツを含む要素があります。

要素（その内容を含む）は、左側が完全に不透明で、右側が完全に透明である必要があります。右から左に均等に等級分けされます。

マージするコンテンツと背景は固定されていないため、事前に画像を作成する方法はありません。

グラデーションを背景（-moz-linear-gradient）として使用できることは知っていますが、それは役に立ちません。ここでは、要素自体のコンテンツをフェードアウトする必要があります。

IE（Alpha Mask）とWebkit（image-mask）でこれを行うことができましたが、FFでは完全に困惑しています。

そこに方法があれば、SVGを使用してもかまいません。

助けてください？

異なる優先度でフラグが立てられた行を含むグリッドがあります。優先度の高い行を赤、低い行を青などに色付けしたい.

特定の優先順位に色を任意に割り当てるのではなく、数学的に計算されたグラデーションに基づいて色合いを設定したいと思います。グラデーションに沿って単一の点から単一の色を抽出するにはどうすればよいですか?

境界線にグラデーションを適用しようとしていますが、これを行うのと同じくらい簡単だと思いました:

しかし、これはうまくいきません。

ボーダーグラデーションを行う正しい方法を知っている人はいますか?

このコードサンプルでIE勾配関数を取得して、テーブルセルを完全に埋めるにはどうすればよいですか？以下のコードでは、セルの上半分をカバーすることしかできませんでした。代替テキストhttp://img708.imageshack.us/img708/6602/celltext.png

CSSで透明グラデーションを作ってみました。カラーピッカーアプリに必要です。使用できる透明な PNG がありますが、そのサイズは 20kb であり、新しい HTTP 要求を要求します。コードは超軽量でなければなりません。

これが私がこれまでに行ったことです: http://jsfiddle.net/78SEK/ 上のものは良いもので、下のものは CSS で作られています。

HTML5 Canvas でも何かを試してみましたが、完全に一致するものは得られませんでした。これを行う方法はありますか？ありがとう

そのため、Firefoxはグラデーションの背景をサポートしています。複数の背景画像もサポートしています。では、なぜこれが機能しないのですか？

また試した：

これはできますか？

ポリゴンを作成している場合、複数のストップと方向を使用してグラデーションを作成する方法を考えています。現在、頂点の色を変更してグラデーションを作成していますが、これは制限されています。これを行う別の方法はありますか？

ありがとう

CSS で Internet Explorer グラデーション フィルターを使用しています。

コンテナーoverflow:visible;がoverflow:hidden;

なぜこれが起こるのか、またはそれを修正する方法はわかりません。誰でも助けることができますか？

私はIE8とIE7でそれを見ています

これは問題の原因となっている css です。コメントアウトすると、バグはなくなります。