問題タブ [opacitymask]

wpfでスポットライト効果を実現する方法はありますか? http://www.youtube.com/watch?v=LgLw29c-qr8

OpacityMask でこれができることは理解できますが、画像 (または背景) を Canvas にレンダリングする方法を教えてください。

ここに私の問題をよりよく説明するための画像がいくつかあります。

キャンバスの背景の一部をマスクしている画面の左端にあるボタンを示す frame1。

キャンバスの背景の別の部分をマスクする画面中央のボタンを示す frame2。

マスクされた実際のキャンバスの背景

こんにちはExpander、WPF のコントロールをオーバーライドして、ヘッダーの「下」にある分割線を使用しようとしています。

をグループ ボックスのように見せる方法の例を見つけましたがExpander、境界線を全体に表示するのではなく、境界線の上側だけに表示したいと考えています。

私が直面している問題は、ヘッダーの下にある境界線を処理するために境界線が不透明マスクを使用することですが、境界線の太さを 0,1,0,0 に設定すると、不透明マスクが失敗するようです。他の境界線を 1+ に設定すると、再び機能するように見えます (1,1,0,0) が、なぜこれが違いを生むのか、目的の結果を達成する他の方法があるのか​​ について混乱しています。

私の既存のXAMLは次のとおりです

編集：下とは、実際には後ろを意味します

わかりましたので、視覚的に見たいものの例をフォト ショップで作成しました。今では、右端の隅にボタンの複雑さが追加されています。

追加のコントロールを処理するために複雑なマスクを作成できてうれしいですが、方法がわからないだけで、実際には 1 行だけの境界線は必要ないと確信しています。

親コントロールの背景を複製するために、トグルボタンの背景とヘッダーテキストを透明にしたいことを覚えておいてください。

ありがとう

ある画像から円を切り取り、WPF で別の画像の上に配置しようとしています。

円の中心はマウスの動きに応じて変化するため、動的に境界を設定する必要があります。

2 つの画像を重ね合わせ、リアルタイムで描画した 3 番目の画像を不透明マスクとして使用してみました。

この問題を効率的に解決するための短いコードを教えてください。

2枚の画像を重ねて並べてみました。

そして、一番上の円に透明な円を設定しようとしています

何らかの理由で、EllipseGeometry の Radius 属性と Center 属性は効果がありません。

ここにXAMLコードがあります

ありがとうございました ！

.

OpacityMask輪郭だけを描くために、別のパスとして機能するパスを取得しようとしています。2 つのパスが正しくオーバーラップするようになりましたが、GeometryDrawingからを作成するPathGeometryと、理解できない奇妙な結果が生成されます。

私が話していることを理解してもらうために、次の画像は、オレンジ色と黒色の 2 つのパスを重ね合わせて、オレンジ色のパスと黒い輪郭の効果を生み出しています。

私が探しているのはOpacityMask、透明度を作成するために、オレンジ色のパス (一番上のパス) を黒いパスにすることです。GeometryDrawingで使用するを作成しようとするとDrawingBrush、奇妙な効果が得られます。

ご覧のとおり、黒いパスの内側を掘り下げる代わりに、その外側にマスクを作成し、パス上の実際のデータ ポイントを歪めます。

最初の画像を描画するコードは次のとおりです。

セットアップ コードを除外してキャンバスに追加すると、次のコードを使用して 2 番目の画像が作成されます。

なぜこれが起こっているのか誰にも教えてもらえますか？

更新 1: 別の要素から形状を切り出すことができないという問題に絞り込みました。不透明度マスクの理解から、システムに白黒の色を提供すると、画像またはコントロールの特定の領域をマスクできるという印象を受けましたが、残念ながら、私が得るのは逆です:透明でないものはすべてマスクされます.

ホームページを作っているのですが、お知らせを表示したいだけです（メンバーがホームページを開いたときに一度だけ）。この通知は、html ホームページのすぐ上に表示する必要があります (ホームページはメンバーごとに変わる可能性があるため)。「不透明度」を使用してホームページの上にフェード ページを作成したい (メンバーが通知の 4 つの側面の横にあるホームページも見ることができるようにするため)、通知には画像、コード、およびいくつかの追加機能が含まれているため、「アラート」は使用できません。フロントカラーのようなコードの。これまでのところ、「不透明度」が上記の画像を使用していることがわかりましたが、自分のサイトの HTML ホームページの上で「不透明度」を使用するにはどうすればよいですか ???

background:url of a jpg file;しかし、最も重要なことは、 in を aに置き換えたいことですbackground:"url of my site's homepage";