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

matlab - 使用 MATLAB 屏蔽移动对象

我正在使用数字摄影测量来构建河岸的点云。这些照片是从移动的木筏上拍摄的,我需要从照片中遮住木筏和桨。我使用 MATLAB 来遮蔽木筏,这相当容易,但我无法弄清楚如何遮蔽桨,它会在图片之间移动。有13000+张图片,所以需要批量操作。我不能只遮盖一个区域,因为该遮盖区域会覆盖图片的很大一部分。有没有人有关于如何在背景也移动时检测移动物体的提示?我会发布图片,但我没有足够的声誉。

谢谢!

0 投票
0 回答
359 浏览

ios - 图像遮罩调整原始图像的大小(想要以遮罩图像形状遮罩和裁剪图像)

我有两张图片 1.Original image 2.mask image

我想用蒙版图像掩盖原始图像,它将使用下面的代码完成。

但是,当这种方法掩盖图像而不是原始图像时,用掩码形状调整大小

我的要求是

原始图像缩放,移动,使用手势旋转

在我想要掩蔽之后

并且在屏蔽原始图像时不调整大小如果(修改或未修改)只放置蒙版形状和其他透明部分裁剪。

在此处输入图像描述

只想从图像中屏蔽颜色部分,其他部分将是透明的,因此只有蒙版图像的彩色部分和其他部分的原始图像将不被裁剪,并且当原始图像缩放时,缩放后的部分将被蒙版而不是原始图像覆盖。

0 投票
1 回答
80 浏览

photoshop - Photoshop 图层混合 - 消除背景

是否可以使用图层混合和遮罩来消除背景(透明),使用带有产品的图片和没有产品的图片作为背景参考图片。

就像一个图层蒙版,只显示图像不同的地方。(产品和影子)

提前致谢。

0 投票
1 回答
542 浏览

javascript - Snapsvg使用蒙版在矩形中创建孔

是否可以在 Snapsvg 的矩形元素中创建例如圆形孔?我尝试使用白色和黑色元素和遮罩功能,但我无法弄清楚。大多数结果是倒置的(我只看到带有矩形颜色的圆圈)或根本没有效果。并且搜索谷歌也没有帮助 - 我发现唯一相关的事情是但是当我尝试使用 Snapsvg 复制它时,它并没有像我之前尝试描述的那样好用(我必须承认,我不完全确定它是否是我的错误或其因为 snapsvg 掩码处理)。

它非常重要,它将是使用矩形的简单解决方案,而不是使用路径或类似事物的解决方案。

我试图实现的目标类似于游戏制作者表面 - 带有孔(光)的黑暗前景,我可以看到背景。

例子

我也在寻找可以处理元素中多个圆孔和动态位置变化的解决方案。

感谢任何答案,我希望它甚至是可能的。

PS:对不起我的英语,我不是来自英语国家

0 投票
1 回答
283 浏览

javascript - 如何让瓶子看起来静止不动

我创建了一个带有标签的瓶子,该标签在 div 内自动滚动,因为 div 滚动瓶子并且标签似乎在旋转。下面是一个演示以及 JSFiddle 中的代码。

https://jsfiddle.net/pkfxqmLs/

当 div 滚动并移动标签时,如何使瓶子看起来静止不动,以便瓶子看起来在页面中心来回旋转,而不像标签那样来回移动。

0 投票
2 回答
1027 浏览

css - 如何剪辑和转换图像,添加圆角和透视?

如何使用 HTML 和 CSS 制作一个 div,其中包含一个图像,该图像被剪切和遮罩,使其看起来如下所示:

包含类似转换图像的透视倾斜 div

我一直在试图找到一种方法来做到这一点大约 2 个小时,但一无所获,所以我只是希望有人能指出我正确的方向。具体来说,我希望剪辑图像,使顶部两个角为圆形,并将其嵌入到具有四个圆角和 1/4 底部填充的 div 元素中,两个元素都经过转换,使其显示为右边缘比左边离观察者更远。

0 投票
1 回答
239 浏览

ruby - RMagick Masking - 不同的背景不同的结果

我有 2 张 T 恤图片,颜色是黑色和粉色。我想将它与 android 徽标融合在一起。在黑色T恤上,结果很棒。但是在粉红色的那一个上,android 的图像就很亮了。

这是我的代码

这是结果

黑色的

粉色的

那么我怎样才能让 android 图像就像它在黑色 T 恤上时一样。我应该更改哪些代码?

0 投票
1 回答
1515 浏览

javascript - 使用fabric js屏蔽两个图像

是否可以使用fabric js屏蔽两个图像?

例如:我有一个彩色的形状(心)。我有另一个图像,我想将它掩盖在心脏上,以便新图像仅显示为心脏。我可以移动第二张上传的图像并调整大小以获得该心脏所需的区域。

这两个图像都是用户上传的图像,而不是使用织物创建的矩形或正方形之一,并且像此处的 jsfiddle 示例中那样拖动和调整图像大小。

http://jsfiddle.net/Jagi/efmbrm4v/1/

我正是需要这个,但有两个自定义图像(用户上传的图像)。

0 投票
2 回答
311 浏览

svg - 生成时不渲染 Svg 遮罩

简单吧?事情是这样的,如果我把这个 svg 放到一个 html 文件中,掩码就可以完美地工作。但是当我使用虚拟 dom 生成相同的 svg 时,遮罩没有效果,我们只有一个巨大的红色矩形。

<defs></defs>烦人的是,如果我打开开发人员工具并向 svg添加一个毫无意义的内容,我可以在生成时显示它。这似乎以某种方式踢了 svg 并提醒它需要屏蔽。

有人知道这里发生了什么吗?是否有不涉及设置计时器以注入空的解决方法defs

更新:

这是来源

这是一些相关的进口

更新

在评论的帮助下弄清楚了。这是nodeSvg.node。当我改变它时Svg.node,问题就消失了。问题是:

  1. 为什么要修复它?
  2. 这里的幕后发生了什么使这变得重要?
  3. 可以将其设为类型安全,以便我遇到的问题可能是编译时错误吗?
0 投票
2 回答
71 浏览

javascript - 无法弄清楚如何让 css/js 屏蔽代码在流星中工作

我找到了示例代码,我想我只需要把它插入就可以了,但我是 Meteor 的新手,我希望只是犯一些简单的幼稚错误。我认为 jquery 已经包含在 Meteor 中,并且如果我在“客户端”代码部分中使用 $ 或 document.getElementById 它将起作用,但我要么为后者得到一个空值,而为前者定义 $ : (

在这篇文章中,我试图使我的代码尽可能简洁。

这是我项目中用于屏蔽的 javascript 代码:

这是相关的css代码:

html代码:

更新我能够通过使用 Salman 的 Template.applicationLayout.onRendered() 函数和 anomepani javascript dom 选择器代码并将 id="canvas" 添加到我的画布对象来使其工作。谢谢你们的帮助,我希望我能将两者都标记为答案。