問題タブ [linear-gradients]

AS3 (Flash) を使用してSVG ファイルを読み取り、表示しています。問題は、線形/放射状グラデーションを正しく表示しています。

以下は、 SVG での赤から青への単純な線形グラデーションの例です。

グラデーション (ストップのスタイル) からの色と、グラデーション (ストップのオフセット) の間隔を読み取ることができました。

さて、これで、適切な色と適切な量のスペースを備えた素敵なグラデーションができましたが、回転やスケールはなく、位置がずれています! .

答えは、 Matrixを Flash のグラデーション関数にフィードすることです。

方法 1: 提供されたマトリックスを使用する

SVG によって提供されるマトリックス、gradientTransform="matrix(a,b,c,d,e,f)"は事実上役に立たないように見えます。そのマトリックスを Flash のbeginGradientFill() 関数にフィードすると、シェイプ上に引き伸ばされたグラデーションが表示されるためです。塗りつぶしのように、グラデーションの中心の色だけが表示されます。

方法 2: 2 つのグラデーション ポイントを使用してマトリックスを生成する

• x1、y1タグは、グラデーションが始まる画面上のポイントである可能性があります。
• x2、y2タグは、グラデーションが終了する画面上のポイントである可能性があります。

「2 つのグラデーション ポイント」と言うとき、私は x1、y1 と x2、y2 を指しています。これらは主に、形状のどこでグラデーションの開始と終了を行うかを示しています。

グラデーションで使用するマトリックスを作成するMatrix.createGradientBox()関数がありますが、パラメーターはSVG が提供するものとは大きく異なります。それは欲しい：

1. 幅--- ここでは 2 つのグラデーション ポイント間の相対距離を使用します (X 軸)
2. 高さ --- ここでは 2 つのグラデーション ポイント (Y 軸) 間の相対距離を使用しましたが、間違った結果が得られました --- ここでも2 つのグラデーション ポイント間の距離を使用しようとしましたが、幅に何を入力すればよいかわかりませんでした!
3. 回転角度-- 2 つのグラデーション ポイントの角度 (ラジアン単位) を使用したため、結果が正しくありません!
4. Translation x -- 最初のグラデーション ポイントの X を試し、0 も試しましたが、結果が正しくありません!
5. Translation y -- 最初のグラデーション ポイントの Y を試し、0 も試しましたが、結果が正しくありません!

Flash のグラデーション マトリックスを生成するために使用できる SVG データは何ですか?

(上記の SVG スニペットを見てください。これがグラデーションを説明するすべてのデータです)

次のコードがブロック状のグラデーションになるのはなぜですか? つまり、グラデーションは滑らかではなく、それを構成するいくつかの長方形を見ることができます。

これを修正する方法はありますか？
ところで、私はこれを Vista で実行していますが、Mac でもこれを経験しました。

}

プログラムで一致する配色を生成するというアイデアがありましたが、2つの色（16進値またはRGB値）のセットを指定して線形グラデーションを生成できる必要があります。

誰かが私に（擬似）コードを提供したり、このタスクを実行するための正しい方向に私を向けたりできますか？

編集：言及するのを忘れましたが、グラデーションが色Aから色Bにかかるステップ数も指定（または知る）する必要があります。

このグラフのグラデーションの塗りつぶしを再現するのに苦労しています。塗りつぶしの GradientEntry プロパティをテストするのに役立つツールはありますか?

cssで複数の背景を使用したいのですが、現在Firefox 3.61、Chrome / Safari、おそらくOpera10.5でサポートされています（gnu / linuxでは実行されません）。正常に動作していますが、背景として線形グラデーションを使用したいと思います。Firefoxでは問題なく動作し、Chromeではまったく動作しませんが、両方で同時に動作させる方法がわかりません。手がかりはありますか？ http://snook.ca/archives/html_and_css/multiple-bg-css-gradientsが私が必要とするものに最も近いものになりましたが、まだchromeで動作させることができませんでした。

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

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

テスト中のページにこのクラスを設定しました (CSS3 の実装を始めたばかりなので、気楽に行ってください)。

PC と Mac の FF ではすべてが適切に表示されますが、IE がこれをサポートしていないことはわかっています。

私の質問はグラデーションに関するものです。グラデーションの上にあるものから、グラデーションはかなり滑らかですが、ブラウザーで表示されるほど高くフェードアップするのではなく、下から少し青が忍び寄るようにしたいだけです。パーセンテージと値をいじってみましたが、思い通りにはいかないようです。

探している効果を得るにはどうすればよいですか？

繰り返しますが、上から下までほぼ白で、下の青が少しだけフェードアップするようにします。ありがとう

CSS グラデーションの Webkit および moz ベンダー固有のプロパティでは、グラデーションの高さを指定できます。IEに似たようなものはありますか？

例えば：

IE で 3px の高いグラデーションを指定するにはどうすればよいですか?

次のような線形グラデーションがあるとします。

このグラデーションでポイント QPointF(0, 28.5) の色を取得する方法は?

なるほど、中間色を選択できるように、このような色分布を持たせたいと考えています。QLinearGradient などを使用して行われるかどうかは気にしません。

次のsvgスニペットを検討してください。

ベル型の曲線を使用して色をブレンドするように指定する方法はありますか？（GDI + LinearGradientBrush :: SetBlendBellShapeメソッドと同様）

下の2つの長方形は違いを示しています。左はベルブレンドなし、右はベルブレンドありです。

それとも、色をどのようにブレンドするかを決定するのはSVGレンダラーに任されていますか？