问题标签 [opacitymask]

我有一个矩形，我想为其设置一个 OpacityMask。我直接从一个有效的 PNG 图像中尝试了它。但由于我的图像后来来自数据库，我尝试先将 PNG 保存到数组中，然后从中恢复 BitmapImage。这就是我现在所拥有的：

我可以从矩形的 ImageSource 设置高度和 with，但它永远不会被填充。然而，当我没有设置 OpacityMask 时，它被正确地完全填充为灰色，当我直接从 BitmapImage 设置它时，它被正确的 OpacityMask 填充。但正如我所说，在我的现实世界场景中，我必须从数据库中读取图像，所以我不能这样做。

对此有任何想法吗？

我正在使用 Mahapps.Metro 并希望根据属性更改图标。

这是他们的图标的 Mahapps 示例

仅设置矩形的 Backgroundcolor("Fill") 一切正常。一旦设置了 OpacityMask，整个矩形就会保持空白。

任何想法我做错了什么？

我正在写一个应用程序。我想要一个教程模式，其中应用程序的屏幕变暗，并且允许应用程序的单个功能发光。在我的实际应用程序中，我有许多数据网格和列表框，所以我认为实现这一点的最简单方法可能是用半透明面板覆盖整个屏幕，然后以某种方式使用不透明蒙版通过某些区域的蒙版来突出显示它们在我的应用程序中，而教程解释了它们的作用。唯一的问题是，我无法让不透明蒙版与视觉刷一起使用并挑选出特定对象，例如列表框。下面是我编写的一个示例程序，用于简单地演示我正在尝试做的事情。

谁能给我任何关于如何简单地完成这个面具的提示？

我想采用给定的 BitmapImage 并将其灰度/黑白表示用作 DrawingContext 上的不透明蒙版。

我已经完成了颜色转换，所以我最终得到了一个演示应用程序的以下状态：

ViewModel 上的方法：

看法：

运行演示应用程序会产生以下结果：

我希望左侧的红色矩形反映在绘制实际矩形之前推到 DrawingContext 上的不透明蒙版。

您在右侧看到的图像是颜色转换后的 BitmapImage，就在它被推送为不透明蒙版之前。正如我之前提到的，我也尝试过黑白转换，但即使只有两种颜色也没有效果。

我尝试了许多类似的设置和场景，但我没有让不透明蒙版起作用。

我很擅长 Razor/MVC，但对 Umbraco 很陌生。我有一个源设计，其中包含一个 Jpeg 和一个包含在 SVG 中的灰度 PNG，这样我就可以在比平时少得多的内存中拥有透明的背景图像。

只是想知道如何在 Umbraco 中设置一个媒体类型，将 SVG 文件和支持位图放在同一个文件夹中。

我尝试创建具有 3 个上传槽的新媒体类型，并将新类型创建为文件夹类型，但是当我查看文件夹 /media/1071 时，它只包含 SVG。

有没有办法让 Umbraco 将所有 3 个文件上传到同一个文件夹，以便 SVG 文件可以找到支持文件？

谢谢，

标记

我OpacityMask在 Android 上遇到问题。如果Image后面设置另一个OpacityMask，您将看到黑色矩形。这是一个最小的例子：

所有*.png文件的分辨率均为 128x128。

这个问题有解决方案还是我做错了什么？

对不起，如果标题令人困惑。我已经尽力撰写它，如果您要理解我的要求，请随时在评论中建议更好的标题。

我尝试制作的动画可以很容易地由视频编辑器完成，但在我看来使用 CSS/JS 并不那么容易：首先，我不是在谈论图像中的滑动，图像根本没有移动。我希望它从一边到另一边出现，但以渐变透明的方式出现。想象一下图像上有一个渐变的不透明度蒙版，使其左端的不透明度为1，右端的不透明度为0。当这个蒙版从左向右移动时，就是我想要实现的动画。

我可以将图像分成几块，并控制每一块的不透明度，必须有一定数量的块才能使整个动画流畅和吸引人。

我在想的另一种方法是使用画布，您可以在其中按像素操作图像，正如本页所建议的那样，我可以做到

然而，该页面仅采用静态图像而不是动画。我想知道如果我使用这种方法是否会破坏性能。此外，这种方法涉及很多丑陋的计算。

我想我想要实现的不是很奇怪，那么有没有什么javascript插件可以实现呢？

它用另一个项目屏蔽源项目，因此源仅在蒙版不透明的地方可见。如何使源仅在蒙版透明的地方可见？

目前它是用着色器完成的，但我想替换它。

不能反转掩码，因为它由多个图像组成：单个反转图像的总和与总和的反转不同。

我的想法是使用 WPF 默认按钮，使用图像作为不透明蒙版，并让前景画笔更改其颜色。然而，我仍然想拥有背景，这就是问题所在，因为无论我如何设计风格，背景总是会消失。要么这是不可能的，因为不透明蒙版无法更改其目标，只能作用于整个控件，要么我错过了一些东西。

这是我的风格。我试图保持它相当基本。

我所拥有的只是在边框内嵌套一个标签。我想要的是模板（按钮）控件的 opacity 属性只影响标签的 opacity 属性。但这似乎并没有发生。相反，它似乎会像默认按钮样式一样影响所有内容。

我尝试将 OverridesDefaultStyle 设置为 True，但这并没有改变任何东西。

我知道我已经可以通过其他方式做到这一点。但我的目标是制作一个可以使用文本或图像作为前景的快速按钮。图像颜色来自前景画笔。如果我在这里无法得到答案，我很可能只是使用附加属性并将标签不透明蒙版绑定到该属性，但我还是宁愿完全以这种风格来做。

欢迎任何建议。谢谢你。

我想做一个像 Facebook 导航栏这样的 UI。我的想法是将按钮的背景设置为透明并在其上放置一个图标作为矩形的 OpacityMask 并更改它的填充。我对创建样式感到很困惑。

这是代码

和 App.xaml

我也喜欢任何想法以使其更容易。

facebook_sample_image