問題タブ [gradient]

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 に答える
1426 参照

silverlight - さまざまな単色の線、グラデーションのあるソリッドカラーブラシは停止しますが、グラデーションはありません

Silverlight(バージョン3プレビュー)では、単色の異なる線を作成したいので、色の間にグラデーションはありません。

基本的に私は次のことをしたいです:

しかし、青から赤への段階的な変化ではなく、色の離散的な変化を伴います

複数の回線を使用せずにこれが可能かどうか疑問に思いますか?

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

php - PHP を使用して水平方向のグラデーション (左から右) を作成するスクリプトを持っている人はいますか?

これが私が使用している現在のコードです。

上記のコードは、垂直 (上から下) のグラデーションを作成するのに最適ですが、水平のグラデーションも作成できるようにしたいと考えています。私は PHP について非常によく理解していますが、PHP の画像関数を扱うことはあまりありません。誰かが私を助けてこれを理解することができれば、本当に感謝しています!

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

c# - 円弧ベースのグラデーション

たとえば、一方の端が赤からもう一方の端が緑に徐々に変化する円弧(可変幅、可変度数 - 潜在的に円全体)を作成しようとしています。これを達成するために円弧にグラデーションを指定する方法がわかりません。

たとえば、ゲージ マーカーが円の 0 から 500 までのさまざまな角度を指す円形の温度ゲージを作成することを想像できるとします。追加のビジュアルとして、ゲージの円周にゲージの温度を示すグラデーション色を付けたいと思います。クール (緑) から非常にホット (赤) に変わります。

PathGradientBrush と LinerarGradientBrush の両方を試しました (ただし、何かを見逃している可能性があります)。放射状グラデーションでも、必要なものが得られないようです。

どんなアイデアでも役に立ちます。

ありがとう。

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

wpf - 円形グラデーションとWPF

WPFのPhotoshopcompから円形(または角度)グラデーションを複製する必要があります。これまでのところ、線形と放射状しか見つけることができません。そのようなものが存在するかどうか、またはWPFで循環グラデーションを取得する簡単な方法を誰かが知っていますか?

注:放射状のグラデーションについては質問していません。円形のグラデーションは、長方形を取得し、グラデーションを適用してから、長方形を円に変換するようなものです。

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

apache-flex - グラデーションを使用した Flex Panel ヘッダーの作成

四隅すべてが丸みを帯びた白いボックスが必要です (私は非常に近いのでパネルを使用していますが、それは何でもかまいません)。ボックスの上部には、1 つの色から始まるグラデーションが必要です (グレーと言う) となり、最終的に背景色 (白) になります。グラデーションはボックス全体には行きません。

上の 2 つの角は丸みを帯びたままにする必要があるため、グラデーションはこれらの丸みを帯びた領域も埋める必要があります。

これまでのところ、次のスタイルの mx:Panel があります。

ご覧のとおり、ヘッダーを横切る小さな単一ピクセルの線が 1 本あります。その単一ピクセルの線を取り除くことができれば、完璧です! borderStyle プロパティを「solid」に変更しようとしましたが、その線を取り除くための適切なスタイルの組み合わせを取得できません。

グラデーション用の背景画像を含む別のコンテナも使用してみましたが、角が丸くなっていることが問題になります。

どんな助けでも大歓迎です!

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

algorithm - 3x3 ソーベル演算子と勾配機能

論文を読んで、説明されているアルゴリズムを理解するのに苦労しています:

手書きサンプルの白黒デジタル画像が与えられた場合、1 文字を切り取って分析します。これは任意のサイズになる可能性があるため、アルゴリズムはこれを考慮する必要があります (より簡単な場合は、サイズが 2^nx 2^m であると想定できます)。

ここで、説明では、この画像を指定して、次のように 512 ビットの機能 (512 ビットのハッシュ) に変換すると述べています。

  1. (192 ビット) は、3x3 のソーベル演算子で畳み込むことにより、画像の勾配を計算します。各エッジのグラデーションの方向は 12 方向に量子化されます。

  2. (192 ビット) 構造的特徴ジェネレーターは勾配マップを取得し、近傍で勾配値の特定の組み合わせを探します。(画像の線と角を表す 8 つの異なる特徴を計算するために使用されます)

  3. (128 ビット) 凹みジェネレーターは、8 ポイント スター演算子を使用して、4 方向の粗い凹み、穴、およびラグスケール ストロークを検出します。

画像の特徴マップは、4x4 グリッドで正規化されています。

私は今のところ、任意の画像を取得し、16 のセクションに分割し、3x3 ソーベル演算子を使用して各セクションに 12 ビットを作成する方法に苦労しています。(ただし、他の部分についての洞察がある場合は、お気軽にコメントしてください:)

0 投票する
11 に答える
44236 参照

iphone - 背景ではなくUILabelのテキストにグラデーションを追加するにはどうすればよいですか?

CGGradient については知っていますが、UILabel のテキストでそれをどのように使用するかはわかりません。

私はこれをGoogleで見つけましたが、うまく動作させることができません

http://silverity.livejournal.com/26436.html

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

php - カラーグラデーションの生成

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

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

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

0 投票する
7 に答える
41060 参照

iphone - Core Graphics/iPhone でグラデーションライン (フェードイン/フェードアウト) を描画するには?

簡単な線を引く方法を知っています:

そして、グラデーションの長方形を作成する方法を知っています.ig:

しかし、どうすればグラデーションで線を描くことができますか?

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

flash - Flash で 3D キューブの側面に沿ってグラデーションを回転させる方法 - actionscript 3.0

こんにちは、私は達成する目標を達成しました。マウスで操作された 3D キューブで、各壁にグラデーションが塗りつぶされています。

グラデーションと 3D 回転キューブに対応するソース コードをいくつか見つけましたが、ここに問題があります。

これらの 2 つのものを組み合わせると、最初のプレーンの黒い背景の背後にあるグラデーションの背景に透明なキューブがワイヤフレームのように見えます。グラデーションは常に静止しています。

rotx .roty, rotz の3つのパラメータを入力に取得した立方体を回転・表示するメソッドを利用して、各面に表示されるグラデーションに適用したいと思います。グラデーションは独自のマトリックスを取得しましたが、このグラデーションをいつどのように操作して目的の効果を得るかについての手がかりがありません-キューブの側面にペイントされ、それに沿って3D位置に変換されるようにグラデーションを変換/回転することを意味します. 私は、各側に個別の勾配行列が必要だと思いますが、この行列を rotx、roty、i rotz に合わせて変換するにはどうすればよいでしょうか。誰でも私を助けることができますか?

ここにグラデーションのソースがあります http://snipplr.com/view.php?codeview&id=7050

キューブ fla ファイルを取得できるサイト http://www.flashandmath.com/flashcs4/cs4simple3d/index.html

そして、これが私の変更を加えた上記のリンクからの.flaファイルのコードです

http://pastebin.com/fdc431a4