问题标签 [image-masking]

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 投票
0 回答
1832 浏览

python - 使用 OpenCV 屏蔽图像中的绿色

我正在尝试掩盖图像中的绿色。

在下面的代码中,我正在使用它来执行此操作。

即使颜色色调值是inRange,它也不会掩盖图像。

作为参考,我附上了输入和输出图像。

当我尝试获取 Unmasked Green 的 HSV 值时,我看到 121 范围为 360 ,所以当我转换为 180 色调范围(实际上是在 Python 中)时,它将是 ~60

请帮我解决这个问题,如果有任何问题,请告诉我

蒙面图像输入图像

0 投票
2 回答
683 浏览

html - Chrome中的掩码结合绝对位置,溢出隐藏,z-index和border-radius

我正在尝试实现一种效果,其中我将拥有带有背景图像的 div,其中包含内容。此内容应该是具有相同图像但模糊的弹性定位 div(同时保持其与父级的相对位置)。

在寻找救赎的过程中,我发现 CSS 规则的某些组合可以产生这种确切的效果,但仅限于 Chrome。

https://jsfiddle.net/39um580g/16/

铬/铬手机: 在此处输入图像描述

火狐: 在此处输入图像描述

苹果浏览器: 在此处输入图像描述

这是荒唐的。有没有办法让这个解决方案跨浏览器?

对 Moorthy G 的回答:

假设我的块放在右侧。Chrome 版本的当前行为如我所愿: 在此处输入图像描述

添加任何类型的变换都会.mask相对,因此会破坏所需的效果: 在此处输入图像描述

0 投票
1 回答
60 浏览

ios - 将圆形裁剪应用于 UIImage 或 UIImageView

如何以编程方式将圆形裁剪应用于 aUIImage或 a UIImageView?有可能吗,或者我必须使用图形掩码吗?

到目前为止,我使用的是图形蒙版(png 图像),但最终的裁剪结果是椭圆形的,而不是一个完美的圆形。

也不解决问题。

请注意,UIImageView图像应用到的 IB 中已经完全定义为正方形。

0 投票
1 回答
2962 浏览

html - 为什么 CSS mask-image 不能与 no-repeat 一起使用?

我有一个 SVG,我想在某些事件中将它的颜色更改为红色,但是你不能用 SVG 作为背景图像来做到这一点,所以你必须使用 CSS image-mask。我正在使用 PHP 将我的 CSS 回显到 div 的样式属性上:

喜欢

这按预期工作,但返回相同 SVG 的重复图像。所以解决方案是no-repeat最后添加这样的:

作为回报,这给了我一个充满红色的 div,你看不到像这样的图标

这是一个错误吗?有什么解决办法?

0 投票
1 回答
580 浏览

c++ - 在 Win32 中捕获鼠标光标并应用透明遮罩

我尝试使用 Windows API 捕获鼠标光标,并在阅读使用后GetCursorInfo进入结构,因此我将获取位图CURSORINFOICONINFOGetIconInfohbmMaskhbmColor

位图hbmMask首先应用AND光栅操作,然后hbmColor位图应用XOR光栅操作。这会导致不透明的光标和透明的背景,但这在下面示例中的 POC 完整代码中没有发生。

AND对掩码数据和颜色数据进行光栅化后XOR,最终结果将是光标并覆盖有 32*32 的白色矩形。

保存光标后得到这样的图像在此处输入图像描述

0 投票
1 回答
189 浏览

python-3.x - 如何在python中使opencv线的厚度双向?

我试图从视频中的帧中掩盖一个人的脸,并且我将下巴的轮廓作为一组 17 个坐标(来自 ibugs)。我使用函数 cv2.line 覆盖了一条勾勒下颚的线,但看起来这条线只在一个方向上变粗,而不是在另一个方向上变粗。

厚度为 20 的图像

厚度为 20 的图像

厚度为 50 的图像

厚度为 50 的图像

提前致谢!

0 投票
2 回答
762 浏览

image - 如何统一设置我的六边形图像蒙版?

我在图像上有六边形精灵,在我的截图图像后面,但在这里,问题是我的图像形状为正方形,但我想尝试修复为六边形

那我怎么办?请给我任何建议

没有图像的框架:

带图像的框架:

帧图像

0 投票
0 回答
97 浏览

android - 图像中的对象检测和掩蔽

我想在图像中进行前景提取(对象检测),然后在其上应用蒙版。

目前我已经使用 openCV 进行了对象检测,但现在我面临对象屏蔽的问题。

我的平台是安卓。

0 投票
1 回答
35 浏览

c++ - 更换彩色蒙版时遇到问题

我正在使用鼠标处理程序从第一帧中选择颜色。我正在尝试用背景框架替换选定的颜色。这适用于红色,但不适用于任何其他颜色,如绿色、蓝色等。我使用以下图表进行颜色选择:单击此处

它应该对所有主要颜色做同样的事情,就像对红色做的一样。

0 投票
2 回答
55 浏览

css - 有没有办法使用纯 CSS 或其他方式将非硬编码背景混合到另一个非硬编码背景中?

我很肯定这不能完成,但我想在继续 B 计划之前我会检查一下。我有一张<header>包含照片的照片,可以由左边缘逐渐变为透明的用户随意切换揭示底层颜色或图案的其余部分或任何东西......无论它是什么,它也是用户提供的,所以它可以是任何东西。

为了保留设计,同时允许用户不了解或访问将蒙版应用于他们想要使用的照片的图像编辑器,我试图找到一种方法来使用未经编辑的纹理/颜色以及未经编辑的照片产生以下效果:

在此处输入图像描述

我现在能想到的就是在 Photoshop 中手动将 100% 白色到 0% 白色蒙版应用到照片的左边缘。但就像我说的,这不能由我的目标用户完成 - 我需要他们能够上传新图像并保持图像淡入背景效果。

我已经成功地做到了这一点,其中 2 个元素中的 1 个是带有伪元素的纯色背景,就像在这个 CodePen中一样(非常粗糙 - 仅用于概念证明)。但同样,我需要用户提供的内容或背景.inner和背景.outer(并且可能在响应浏览器事件中更改)。同一个 Pen 还显示了一个使用 -webkit-mask-image而不是伪元素的版本,这使它更接近,但缺乏 IE 支持。

如果没有大量的 SVG 编码(不值得花时间——对于这个用例——来保持可变的背景图案/图像),有没有办法(最好是纯 CSS)来实现这种屏蔽效果而无需编辑任何一个图像?