问题标签 [opacitymask]

我有一个单元格列表，用户可以将图像（透明 PNG）分配给这些单元格。选择PNG时，我想在PNG周围的每个单元格上显示一个轮廓。我认为这是可以通过 OpacityMask 实现的，但是从我所阅读的内容以及我过去对它们的有限使用来看，需要提前设置遮罩数据，由于用户可以更改，因此这是不可能的图片。

关于我的应用程序的简要说明：

我正在开发的应用程序就是这样的贺卡设计师。想象一下，其中有一个背景图像，以及无限数量的“层”（特别是图片）留在背景上，可以移动、调整大小、前后移动等等......

也可以对这些图层应用特定的形状，如星形、椭圆形，.. 制作卡片后，可以保存为 jpeg 文件。

问题

一切正常，但我检测到当形状应用于图层时，会产生内存泄漏。

下面是每一层的UserControl的代码：

其中 MaskConverter 代码如下：

参数“MyMask.Data”是我从包含不同形状的文本文件动态加载的 XAML路径（即我正在应用的形状）。

所以，原则是，如果我有名为*im_the_problem*的边界，则不会释放内存。如果我评论*im_the_problem*（所以我只会有没有形状的矩形图层/图片），一切都像魅力一样工作，没有内存泄漏。

问题应该出在 OpacityMask + VisualBrush 中。

难道我做错了什么？还是有已知问题？有没有办法以不同的方式做同样的事情（将形状应用于图片..）？

谢谢。

我想制作一个带有圆形边框的画布。我想我可以通过 OpacityMask 来实现它。但这对我来说很难。

图 1. 是画布中没有挂在画布边框上的图像。相反，图 2 的图像挂在画布的左边框。当挂在那里时，OpacityMask 被改变了。

我想知道是否有可能用简单的css创建一个如附图所示的效果。下一个最佳选择是什么？提前致谢！

我通过在 Overlay 上应用 OpacityMask 使禁用的 ImageButton 自定义控件上的图像变灰。预期的效果是只有图像的主体变灰，因此没有边框或框覆盖图像。

问题是：就图像 URI 是通过绑定的 getter（写在 {TemplateBinding XXX} 中的东西）访问的而言，掩码将不适用。但是，如果明确说明 URI，则掩码将起作用。所以问题是，为什么在 TmplateBinding 的情况下会出现问题以及如何解决它。

定义自定义图像按钮的 XAML 代码是：

自定义属性处理程序代码是：

自定义控件的样式代码（禁用状态）：

有趣的是，以下代码片段都放在样式模板中

也

两者都正常工作。所以问题似乎在于 ImageSource="{TemplateBinding ImageSource}" 以某种方式无法检索正确的 URI 或由于其他原因无法正常工作。那么，如何纠正这种情况呢？

我可以使用 LinearGradientBrush 在 WPF 中创建一个不透明蒙版，如下所示

这给了我一个从零透明度开始的画笔，在画笔范围内完全透明。

但是，哪些十六进制代码用于提供不同级别的透明度？例如，我想以 75% 的透明度开始画笔，然后转到画笔范围的 100%。

I'm working on a project at the moment where i have two images, one placed ontop of the other, and I would like the bottom image to show through more as the mouse moves over the image, and i need it on a pixel by pixel level, i've tried creating X by Y amount of divs that were 1px by 1px each sharing the same background, but offset the background by their positions so the top image pixels were each a 1px div, so that I could change the opacity of each div on mouseover. Trying this brought my browser to a standstill with so many divs.

Is there a way where I can do this (not in flash) but in a way it will work on all browsers quick enough for it to look smooth and without the browser grinding to a halt?

我有一个小问题，我不确定是否有解决方案。

基本上我想在不依赖于颜色的 div 边框上创建不透明度渐变。

让我解释。

我有一个“溢出：隐藏” div（我们将其称为 MainDiv），其中包含另一个大 div（将称为 SlideDiv），我使用 jquery 在视口中滑动。主 div 有一个“完整的视口”背景复杂图像，它也会移动。所有的东西都创造了一个非常好的视差效果。

正如预期的那样，“SlideDiv”内容消失在视口边界之外。现在这是诀窍。我希望内容不仅消失，而且消失:)

为此，我需要在视口边界上设计一个不透明度渐变。而且由于背景上有一个复杂的图像必须始终可见，所以这个渐变不能与颜色相关。换句话说，我想要一个“不透明度：1（我们看到内容）到不透明度：0（我们没有看到内容）”渐变，而不是一个“不透明度：0（我们看到内容）到白色/ Black/Green/AnyColor opacity:1（内容在不透明颜色后面）”渐变。

这意味着我不能使用 -webkit-gradient 或 -moz-linear-gradient。或者我可以吗？

恐怕出于与业务相关的原因，我无法向您展示任何东西。

问题是： - 是否可以使用 CSS2 或 3、jQuery 或插件或任何其他技术（Flash 除外）？- 如果是这样，如何？:)

我希望我很清楚，但我不太确定，所以对不起伙计们；）

问候，吉布

我正在为 WPF 应用程序开发倒计时控件。以下 xaml 演示了我所追求的：

现在，我不想让整个事情变白，而是想“揭示”倒计时中的下一个数字。我认为使用 OpacityMask 会起作用，但是当我尝试时，事情变得很奇怪。这是我正在处理的 xaml：

我不确定如何描述正在发生的事情，或者它为什么会这样，但这不是我想要的，也不是我所期望的。我缺少一些简单的东西吗？或者任何人都可以提供一种替代方法来完成我想要的吗？

我创建了我的第一个带有 png 叠加层的 Google Map API（感谢@andresf 的帮助）。

这张地图有多个彼此相邻的 png 地面叠加层，可以在http://www.earthstation.mobi/coverage.htm看到

问题：如何在每个叠加层上设置不透明度（透明度？），以便我可以看到叠加层下的地图细节？我不需要从网页上调整它，一个预先编码到脚本中就足够了。

上面列出的页面的代码是：