問題タブ [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 投票する
2 に答える
3018 参照

iphone - iPhone でグラデーション ボタンを作成するにはどうすればよいですか?

下のスクリーンショットにあるようなボタンを iPhone で 3.0 SDK を使用して作成するにはどうすればよいですか? これは、iTunes リモートからホスト iTunes ライブラリに接続するときに表示されるボタンです。

カスタム コントロールを作成するケースですか、それともストック スタイルですか?

iTunes リモート ボタン http://grab.by/grabs/3bbb59936d86da2c95c7afa4c9c78677.png

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

iphone - UIView でのグラデーションの描画は、drawRect への後続の呼び出しでは機能しません。

本当に困惑している問題をデバッグしようとしています。基本的に、私は drawRect でそれ自体にグラデーションを描画する UIView サブクラスを持っています: init メソッドで提供する色に基づいています。この問題は、ビューが再び描画されるときに発生します。ビューで setNeedsDisplay を呼び出した場合、またはメモリ不足の警告のためにビューが削除され、後で再度追加された場合 (これも drawRect: を再度トリガーします)、ビューの背景は完全に空白になります。グラデーションを再描画するとこれが発生する理由がわかりません。誰が何がうまくいかないのか知っていますか?drawRect にあるコードの抜粋を次に示します。

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

iphone - iphone:縦から横にシフトした後のグラデーションのサイズ変更

viewDidLoadでは、問題なくグラデーションを作成できます。

CAGradientLayer *blueGradient = [[CAGradientLayer layer] retain]; blueGradient.frame = CGRectMake(gradientStartX,gradientStartY,gradientWidth,gradientHeight);

ここで、gradientWith は、必要に応じて 320 または 1024 としてデバイス定義されます。

私ができないのは、 willRotateToInterfaceOrientation内でサイズを変更することです: - したがって、ユーザーが横向きモードに変更した後、右側の空の黒いスペースを取り除きます。(ナビゲーション バーとタブ バーは適切に動作します。)

(1) 新しい中間点に従ってグラデーションの新しい次元を再調整すること、(2) kCALayerMaxXMargin を使用すること、(3) 境界を使用することは、すべてうまくいくように見えました。境界は少し直感的に見えたので、それを試しました。

進歩がゼロであることを認めたくありません。

私は、self、view、layer、bounds、blueGradient、および CGRect(gradientStartX,gradientStartY,newGradientWidth,newGradientHeight) のすべての順列を試して成功するという力ずくの方法に還元されたと言うでしょう。

これは難しくありません。私の理解不足がそれを難し​​くしています。「そこにいた、それをやった」という人はいますか?

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

apache-flex - 線形グラデーションライブラリ

互いによく一致する16の線形グラデーションのようなものをオンラインで見つけることができる場所はありますか?私のチャートにはそれらが必要ですが、(Flexによって)生成されたものでは十分ではありません。

だから、私はグラデーションのライブラリ(私の場合は線形)を探しています。

0 投票する
13 に答える
383983 参照

css - ボディに設定されたCSS3グラデーションの背景は伸びませんが、代わりに繰り返されますか?

<body>合計300pxの高さのコンテンツを言ってください。

<body>使用の背景を設定した場合-webkit-gradientまたは-moz-linear-gradient

次に、ウィンドウを最大化(または300pxより高くする)し、グラデーションは正確に300px(コンテンツの高さ)になり、ウィンドウの残りの部分を埋めるために繰り返します。

これはwebkitとgeckoの両方で同じであるため、バグではないと思います。

しかし、繰り返すのではなく、グラデーションをストレッチしてウィンドウを埋める方法はありますか?

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

c++ - ポイントツーポイントの線形グラデーション?

(Photoshopのように)ポイントツーポイントのグラデーションを生成できるアプリケーションを作りたいです。私は上から下へのグラデーションを生成する方法に精通していますが、ポイントツーポイントではありません。これは概念的にどのように行われますか。

ありがとう

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

css - 1 人の IE8 だけでこの動作が発生する原因は何ですか?

私は信頼できない新規ユーザーであるため、Stack Overflow では質問全体を投稿できません。この質問に興味がある場合は、 http://doctype.com/would-cause-behavior-only-one-personsにアクセスしてください。 -ie8

問題の背景は、単一ピクセル、xy 反復、半透明の PNG で描画されます。

この人の IE8 は、これを、左上隅から始まり、右と下に向かってより透明になるグラデーションとして描画しています。

IE8/WinXP/VMwareFusion/SnowLeopard でこの問題を再現できません。また、IE7(互換モードではIE8)では再現できません。また、IE6やその他のブラウザでは再現できません。

同じバージョンを実行しています。製品 ID だけが異なります。

http://en.wikipedia.org/wiki/Internet_Explorer_8#Release_history で 18702 が IE8 の最終リリース バージョンであることを確認しまし た。

役立つとは思いませんでしたが、IE8 のアドオンのリストを求めましたが、特に問題はありませんでした。

この 1 人だけにこの問題を引き起こしている原因は何ですか? その人は、それは仕事用のコンピューターであり、IT 担当者は物事に非常に厳しいと述べました。職場の制限により、この奇妙な動作が発生する可能性はありますか? グラフィックドライバーの問題でしょうか?

繰り返しますが、私は IE8 を使用しており、再現できないため、これが IE8 の問題ではないことはわかっています。

おそらくセキュリティ上の理由で、この動作が見られるようにIE8を変更する方法を知りたいですか? または、ある特定のコンピューターでこのように表示される原因は何ですか?

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

actionscript-3 - ActionScript グラデーション バンディングの問題

グラデーションの特定の色の間のバンディングに奇妙な問題があります。

グラデーションを作成するには、中心から境界線まで等間隔の円くさびを描画し、ループ内のビットマップ ライン グラデーション ピクセルから各円くさびを塗りつぶします。

私は 3600 個のウェッジで円を作成していますが、赤から黄色の数字へのグラデーションから生成されるオレンジ色内のスクリーン ショットに基づいているようには見えません。赤と黄色の間にオレンジ色の数字を追加しても役に立ちません。しかし、360 個のウェッジのみで円を作成すると、グラデーション バンディングがより明確になります。3600 はおそらくやり過ぎであり、たとえば 1440 ウェッジの円を作成するなどの詳細を実際に追加することはありませんが、このバンディングの問題をわずかに高める他の方法は知りません.

これを修正する方法、または私が間違っていることはありますか? circleMatrix の回転が原因でしょうか?

代替テキスト http://www.freeimagehosting.net/uploads/7e3382befe.jpg

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

css - CSS3 放射状グラデーション ベンダー構文のテスト

指定した値に基づいて JavaScript を使用して要素の背景グラデーションを更新しようとしているときに問題が発生しています。

私はこのルートを試しました:

Webkit と Gecko には CSS3 グラデーション用の 2 つの異なる構文があるため、両方を指定する必要があります。ただし、上記のコードは機能しません。Gecko 構文または Webkit 構文のみを使用している場合に機能します。両方を使用する必要はありません。

CSS グラデーションのサポートを確認できると思いますが、私の質問は、ブラウザーのスニッフィングなしで使用する必要がある構文を確認する方法はありますか? グラデーションの x 座標と y 座標が動的に変化するため、グラデーションをこのように設定する必要があることに注意してください。

これが理にかなっていることを願っています、ありがとう。

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

wpf - wpfにMergedGradientBrushはありますか?

2 つのブラシがあるとします。
1 つは、暗い色から明るい色への線形グラデーション ブラシでした
。もう 1 つは、暗い色から明るい色への放射状ブラシです。

ブラシを適用するときに、両方を一度に適用できるようにするには、どうすればブラシをマージできますか。
EG これを確認してください:
1) http://www.codeproject.com/KB/vista/WindowsVistaRenderer/VistaRenderer4.gif
2) http://www.codeproject.com/KB/vista/WindowsVistaRenderer/VistaRenderer5.gif

(WPF/XAML で) 両方を 1 つのグラデーションにマージして、それを参照するにはどうすればよいですか? (これは Codeproject の Menendez 氏の画像です)