问题标签 [image-masking]

我正在使用 Gulp (node-sass) 将 sass 文件编译为 css。

我-webkit-mask-image在我的 sass 文件中添加了这样的内容：

但是 gulp 像这样编译它：

我究竟做错了什么？有什么方法可以在 gulp（node-sass）中添加实验性 css 技术？

编辑：我找到了解决方案。我应该将 value 描述为一个字符串，然后在-webkit-mask-image.

我有一个 RgB 图像（MxNx3）和二进制掩码，它是一个由 0 和 1 组成的图像。在掩码为 0 的任何地方，我都希望在原始图像中准确地设为 0，而在掩码为 1 的任何地方，我只想不理会。关于如何继续实现预期结果的任何解决方案？

介绍

假设我有这张图片：

对于图像，我在https://image.ibb.co/c5Nw6c/Mask.png中应用了遮罩（它是白色的，这就是我在这里设置它的原因）。面具基本上是一个消息气泡，右下角有一个箭头。

命令（在 bash 中）如下：

结果是：

问题

现在让我们检查接下来的两个图像：

图 2

图 3

如果我们对这两个做同样的事情，我们将得到以下结果：

我们在这里看到的是，为了正确应用蒙版，比例必须相似，否则，根据原始图像的大小，它可能会在底部或右侧被裁剪。

问题

如何避免裁剪问题以及：

1. 使修剪后的图像（相对于蒙版）填充整个蒙版而不留下任何间隙且不丢失比例？我想，通过调整大小，但如何？
2. 让调整大小的照片相对于蒙版居中（重心）？

非常感谢您的回答。

我最近开始学习 R，虽然其中大部分过程是一个相当简单的过程，但基于wordcloud2R 包的小脚本中的最后一步被证明是困难的。我想创建词云-效果很好-但我正在研究使用图像蒙版作为所述词云的形状，这就是我卡住的地方。同样，如果我使用该lettercloud函数，我会得到相同的结果。

在这两种情况下，图像（或字母）都以其实际形状显示，而不是应该显示在它们上面的单词。

为了澄清起见，我指的是此处显示的图像遮罩和字母云功能（图示）：https ://www.r-graph-gallery.com/the-wordcloud2-library/

我的图像蒙版词云代码如下所示：

对于字母云：

我可以删除所有其他参数，如大小或颜色，但它们都有效，只是形状不会改变。

这是一个完整的代码片段，它应该使 lettercloud 可重现。wordcloud2是唯一需要的包；demoFreq 是这个包附带的一个 data.frame：

到目前为止我尝试过的一些其他细节和事情：

• 我正在使用 RStudio 1.1.442 和 R 3.4.4。
• 我尝试wordcloud2使用直接从其源重新安装包devtools
• 我试过在各种浏览器中查看输出，多次刷新图像，但它总是显示相同的无字形状
• 尝试了几个 data.frames，wordcloud2包中包含的和我自己的

提前致谢！

我们正在尝试在 Image 中找出一个特定对象，并根据我们想要掩盖该对象的要求。现在我们正在使用张量流来检测图片中的对象。要屏蔽对象，我想使用 Mask R-CNN，但我无法为 Mobile 找到任何帮助。也没有可用的模型。PB 文件可用，我可以直接在 iOS 应用程序中使用。

这是我找到的几个链接： https ://github.com/matterport/Mask_RCNN https://github.com/matterport/Mask_RCNN/pull/306

除了 Mask R-CNN 之外，还有其他方法可以遮盖图像或为图像中的特定对象着色。

我在我的流星应用程序中使用 -webkit-mask-image，如下所示：

它在所有浏览器中都能正常工作。它在 Android 上的 cordova 版本中运行良好。它在 iOS Cordova中运行良好。现在，只有在 iOS 中，我所有使用这种技术的图标都是不可见的，即使它们仍然可以点击并且可以正常工作。

这个问题是在两个用户的 iPhone 上发现的，我在 iOS 模拟器中重现了它。我的 iPhone 运行良好。卸载/重新安装应用程序，重建/重新启动服务器等，没有任何改变。直到我将手机更新到 iOS 11.4，现在我的手机也出现了问题。如果我从 CSS 中删除该 -webkit-mask-image 行，我通常会在图标所在的位置得到正确的背景色方块。该和其他模拟器测试清楚地表明，不可见图标仅发生在 iOS 设备和模拟器上，并且只有在使用 -webkit-mask-image 时才会发生。是否有人知道 iOS 11.1 和 11.4 之间的任何更改会破坏 Cordova webview 对 -webkit-mask-image 的处理？

我想使用图像遮罩或任何最适合此的方法。

我要创建的形状是这个

所以，我怎么能完成这样的事情。

我试图为此使用剪辑路径，但我只能从中制作一个圆形。我试图使用另一个具有不同值的剪辑路径圆来创建另一个圆形。但它没有用。

那么，如何完成这样的事情呢？

请参见上面显示的示例图像。Y 是一个视频，里面有铬键颜色（这里是红色）。X 是要在视频 chrome 键上剪辑的图像，输出显示在图像中。现在的问题是，铬键（RED Color 部分）在播放时移动了一点，有没有办法直接剪辑和屏蔽视频上的图像？

现在我正在使用

1. 平台：安卓
2. 库：FFmpeg
3. 文件类型：视频（mp4）和图像（png）

我有一个包含多个 UIImageViews 的滚动视图，这些 UIImageViews 保存在一个数组中。这些 UIImageView 中的每一个都具有相同的背景图像，但具有唯一的掩码。当这些图像没有显示在屏幕上时，我想移除遮罩以节省内存。当必须创建或删除掩码时，会调用如下函数。然而，在这种情况下，当 imageView 掩码设置为 nil 时，内存占用不会减少。

如何解决这个问题呢？作为一个初学者，我几天来一直在寻找答案，非常感谢任何帮助。

背景

我允许用户在掩码图像中上传图像....

蒙版图片：

用户上传图片：

要求：我需要如下：

问题：我现在得到的内容如下：上传的图像在蒙版图像之外显示[覆盖]，而不是如下所示。

JS 小提琴：http: //jsfiddle.net/uLfeaxck/

这是网站网址

html