问题标签 [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 投票
2 回答
1437 浏览

javascript - HTML 画布,使用灰度图像作为遮罩

我正在尝试应用蒙版,因为它在 Photoshop 中有效。黑色是透明的,白色是可见的。但是,我认为复合模式不允许这样做。

我只能找到它使用 alpha 通道的模式,但我想使用 jpg 来获得较小的文件大小......

0 投票
1 回答
577 浏览

feature-extraction - 将 skimage 用于非矩形图像区域

假设我关心的是我想要计算 GLCM 的图像的一部分,因为它不是矩形的。我该怎么办?我做了一个遮罩程序,将我不关心的图像部分归零,我只是不知道如何在不考虑图像的归零部分的情况下拍摄这个“被遮罩”的图像......

谢谢你的帮助!

0 投票
0 回答
1134 浏览

javascript - 在蒙版周围绘制笔划线:Alpha 蒙版还是图形蒙版(pixi.js)?

我想在遮罩元素周围画一条笔划线。

这个想法是有一个圆角矩形显示图像和围绕它的笔划线。

我正在使用 pixi 并尝试过这样的事情:

我在这里读到了一些关于图形掩码和 alpha 掩码的区别: https ://github.com/pixijs/pixi.js/issues/2770

为了尝试,我尝试将精灵指定为遮罩属性,但不再遮罩纹理,也没有显示笔划线:

如何在蒙版周围显示笔画,或者您建议使用哪种替代方法?

在我的设计中,纹理具有不同的宽度和高度比例——如果能提出一个平衡遮罩和性能的良好解决方案,则不是优先级。

0 投票
1 回答
612 浏览

ios - UIImage 屏蔽不起作用(Swift、iOS 10)

试图用我的自定义蒙版屏蔽图像。我认为我正确地遵循了这些想法,但由于某种原因,图像没有被掩盖。相反,蒙版后创建的蒙版图像包含原始裁剪图像,因为未应用蒙版。

这是可以用来测试我的代码的 Swift Playground 代码(附加了图像和掩码,只需将它们放到资源文件夹中):

面具 图片

0 投票
1 回答
146 浏览

c++ - OpenCV(C++) 和 Matlab 中的矩阵屏蔽操作

我想使用 cv::Mat 变量执行以下操作(在 Matlab 中处于当前状态)。

我有矩阵掩码:

然后矩阵 M:

和样本= M(掩码,:)

我的问题是,如何使用 OpenCV 执行相同的操作,例如 M(mask,:)?

0 投票
0 回答
121 浏览

css - 图像悬停在不同窗口大小上改变形状

响应时悬停形状有问题

我有这个代码:

当不更改浏览器大小时,悬停图像与图像大小相同。试图在 css 媒体屏幕中放置不同的边框百分比,但仍然悬停不完全像背景图像

0 投票
1 回答
702 浏览

matlab - 将图像粘贴到另一个图像之上

我有这张海报图片:

海报图片

我必须将它与另一个图像混合。我必须将这张图片放在这样的建筑物图片上:

建筑形象

旋转的海报图像有我不知道如何摆脱的白色像素。

有人可以帮我用代码将此图像粘贴到建筑物图像上吗?大楼的正面。

0 投票
1 回答
1169 浏览

html5-canvas - 动画 CC 画布和遮罩

我想知道如何在充当蒙版的影片剪辑中使用动画形状?

在我的 Animate CC 画布文件中,我有一个实例 (stripeMask),它应该掩盖下面名为 mapAnim 的实例。

stripeMask 包含动画的形状。

因此,当调用函数 maskIn 时,播放头应该移动到 stripeMask 剪辑内的第一帧(第 0 帧之后的帧)并像这样为蒙版设置动画:

我喜欢 AnimateCC,它工作得很好,但是需要创建更复杂的动画蒙版,除非我在这里遗漏了一些东西,否则实现起来并不容易。

谢谢!

0 投票
1 回答
722 浏览

html - CSS:仅将 mix-blend-mode 属性应用于特定元素

我想使用 mix-blend-mode 属性使某些特定的 SVG 路径在笔划上采用背景图像,以便路径看起来好像是擦除路径。以下代码是我所达到的。但是,如您所见,mix-blend 属性会影响其他路径,这些路径需要在笔划上没有任何背景图像的情况下出现。因此,我要求一种方法将 mix-blend-mode 属性仅应用于单独的元素组,并使其他元素不受影响。

以下是我所寻求的。

在此处输入图像描述

注意:我可以使用屏蔽来做到这一点,但在某些浏览器中它非常慢。

0 投票
1 回答
1790 浏览

python - 在python中画一条线直到蒙版OpenCV的边缘

给出如下图所示的图像

白色背景上的蓝色圆圈

我可以很容易地创建一个蒙版。蒙版的图像看起来像这样。

蒙面图像

我使用以下代码来获取掩码。

然后我可以使用轮廓和矩来识别遮罩区域的中心。标有中心的图像是这样的:

在结果图像上识别和绘制中心点

这是我用来获取种子点的代码。

这是我的问题所在。我想在 N/360 度处绘制 N 条线,从该图像的中心直到蒙版从黑色变为白色的点。我无法做到这一点。

我已将此问题简化为单行和更简单的图像,并且行为是相同的。我一次从中心移出一个像素,检查掩码图像中该像素的值。如果值很暗,我画一条线并移动下一个像素。重复这个过程,直到我找到一个不暗的像素。

我使用上面的逻辑实现了以下结果。

线路没有在预期的地方停止

正如所见,这条线并没有在我期望的圆圈边缘停止。

这是我用来画线并检查像素值的代码。

编辑:这是我正在使用的照片的链接。 https://vignette.wikia.nocookie.net/uncyclopedia/images/b/bc/Trick110.png/revision/latest?cb=20170408115814

编辑:在循环时打印出像素值我可以看到它们都是 0 直到跳转到 130。这让我认为掩码和原始图像之间存在比例问题?此外,仅在掩码更改的点不需要这条线。绘制的线用于可视化