3 つのグラデーションを 1 つの -webkit-gradient に結合できますか? 「背景」と「中景」の放射状グラデーションと「前景」の線形グラデーションを持つ画像が必要です。これは可能ですか？

色のグラデーションやその他の複雑なスタイルをリソース ディクショナリに移動すると、Expression Blend の Visual Studio WPF Designer Thingy の管轄外になり、XAML で編集する必要があることがわかりました。デザイナーよりも時間がかかることを除けば、XAML での作業に問題はありません。だから私の質問は簡単です。リソース ディクショナリの設計者はいますか?

これがサービスで使用されていることに気付きました。その効果は非常に優れています

私は一般的に Excel や Microsoft 製品を使用するのが好きではありませんが、Excel 2007/2010 には非常に優れた条件付き書式設定機能がいくつかあります。ビジネス レポートでよく使用するものの 1 つは、データ バーです。 リンク

私の意見では、これらのデータ バーは、数値を超えたデータの意味を理解するのに非常に役立ちます。200 ユーザーと 2000 ユーザーの違いは、人間の目には把握しにくい数字にすぎませんが、10 倍長いバーは​​はるかに直感的です。

私の質問: Excel の機能を反映して、jqGrid の列のすべての値にセル内の条件付きデータ バーを含める方法はありますか? これは、Excel シートを取り除き、オンライン レポート システムにレポートを実装する唯一の方法です。データ バーは、慣れれば必要不可欠なものであり、レポートに Excel を使用し続けている唯一の理由です。

私が推測するように、jqGrid にこのような組み込み機能がない場合、それをカスタム構築するのは大変な作業になると思いますか? これにアプローチするための最良の方法は何か考えはありますか?

私はこのコードを持っています:

青と黒の間で交互に斜めのバンドを作成します。それらは左下から右上に移動するので、これが私の質問です。左上から右下に移動するには何を変更すればよいですか?

このコードを持っています：

fillRect の x、y を移動すると、結果のグラデーションは同じではなく、変化します。createLinearGradient の x、y に同じ値を割り当てても、まだ機能しません。だから、私は 100,100 の位置に 0,0 と同じ線形グラデーションを保持するボックスを描画したいのですが、どうすればそれを達成できますか? それらの間の関係は何ですか？

ありがとう！

要素の下端からnピクセルのストップでグラデーションを作成する方法はありますか？

たとえば、Moz / Firefoxの場合、次のようになります。

-moz-linear-gradient(center bottom , #f00 2%, #d00 31px)

このグラデーションには、ボックスの最上部に対して同じことを行うためのコンパニオングラデーションがあることにも注意してください。したがって、実際には、ffの場合はcssは次のようになり、Webkitの場合は再現する必要があります。

長方形（つまり三角形）の左下半分を塗りつぶしたい：

LinearGradientを使用して、カラーからトランスペアレントに移行します。

長方形の半分を塗りつぶします：

私は点（x、y）と長方形のサイズを知っています。

LinearGradientBrushを使用して線形グラデーションを実行しようとすると、次のようになります。

線形グラデーションブラシは長方形全体を塗りつぶします。これは、長方形の残りの部分を最終的な（透明な）色で塗りつぶし続ければ問題ありません。しかし、代わりにそれはラップアラウンドします：

私は自分の好きな方法を持っています。私は。ではなく、またはをLinearGradientBrushしたいだけです。FillTriangleまたはFillPolygonがなく、FillRectangleとFillEllipseのみがあることを除いて。FillTriangleFillPolygonFillRectangle

も参照してください

リンクテキスト

次のようなページ設定があります。

ボディには、背景色と、背景にノイズと粒子を追加するタイリング イメージがあります。その上、#wrapper は背景として rgba(0,0,0,.3) から rgba(0,0,0,0) までの線形グラデーションを持ち、グラデーションは上部で 24 ピクセルを超えて拡張します。ページの上部にある div --- 影を追加します。

私の問題は、24 ピクセルのグラデーションが完了した後に #wrapper の背景が保持する色が、グラデーションの最後の色のアルファ値がゼロであっても、真の透明度ではないことです。これが私に残すのは、#wrapper の真の透明な背景ではなく、#wrapper が停止する場所でボディの背景に目に見える「分割線」を残すことです。

グラデーションを完全に透明にするにはどうすればよいですか? ゼロのアルファ値がこれを行うと思います。また、transparentキーワードを使用しても解決しません。

アップデート

問題を示すために写真を追加しました。最初の写真は実際の外観で、2 番目の写真は線がどこにあるのかをはっきりと示しています。

ご覧のとおり、グラデーションは真の透明度にはなりません。to-color がrgba(0,0,0,0)またはとして指定されている場合は除きますtransparent。

-- クリス・バックホルツ

グラデーションに関するドキュメントを読んでいますが、少し迷っています。ビューがあり、そのビュー内で、四角形 (ビューよりも小さい) 内に単純な黒から灰色の線形グラデーションを下から上に描画したいだけです。何もサブクラス化せずにそれを行うにはどうすればよいですか (ビューをサブクラス化する必要がある多くのことを読みました)。

これまでさまざまなプラットフォームで行ってきたのと同じくらい簡単にこれを行う方法を探しています。(言語フリー:-)) のようなもの:

ご協力ありがとうございました。