问题标签 [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 回答
34 浏览

image-masking - 如何在 TransLoadIt 中应用 alpha 蒙版图像?

在命令行上使用 ImageMagick,我可以使用复合和合成选项来使用一个图像来替换另一个图像的 alpha 蒙版。这可以使用 transloadit 吗?我看到一个添加水印的选项,但与替换 Alpha 通道无关。

0 投票
1 回答
450 浏览

css - 将 SVG 蒙版切割成图像

我正在开发一个新网站时遇到问题。这是我第一次使用 SVG。基本上我需要从我的图像中剪出一个始终位于页面中心的圆圈,以显示元素下的图像。我尝试过使用我的剪辑,一切都很棒。我似乎无法在我的掩码代码中找到错误。这是我设置的快速小提琴的链接。谢谢!

0 投票
1 回答
3255 浏览

ios - iOS:将 UIImage 中的黑色更改为另一种颜色

我有一个带有白色边框和黑色填充的图像。我想在运行时将黑色更改为另一种颜色。用户将在运行时以 HSB 格式选择颜色。我怎样才能做到这一点?我通过 const float colorMasking [4]={255, 255, 255, 255}; 尝试了 CGImageCreateWithMaskingColors; 但我每次都得到一个 nil CGImageRef。请帮忙。

我附上了灯泡的图像 - 黑色填充、白色边框和透明背景的灯泡 黑色填充、白色边框和透明背景的灯泡

更新:

使用接受答案中的代码后,我能够用另一种颜色填充黑色。但是,我可以在白色边框上看到一点颜色。图像看起来不那么清晰。附加输出:

输出 - 黑色填充颜色

0 投票
1 回答
40 浏览

php - 不同传入(屏蔽)网址的不同网站徽标

一些帮助会很棒!

ABC1.com显示图像 ABC1。我怎样才能使它在域ABC2.com转发ABC1.com时显示图像 ABC2

基本上,该网站应根据其起源的域名更改其品牌。

0 投票
1 回答
10553 浏览

css - IE10中的css屏蔽

我有这段代码,它使背景图像出现在 CSS 蒙版下。

和 html

这是一个 jsbin,显示了我想要实现的目标

http://jsbin.com/lunoxo/1/edit?html,css,输出

它在 webkit 和 mozilla 浏览器中运行良好,但在 IE 10 中运行良好。我需要做什么才能使其在该浏览器中运行?

0 投票
2 回答
1162 浏览

ruby - 使用 ImageMagick 删除收据图像边框

在使用 tesseract-OCR 引擎提取文本之前,我使用 ImageMagick 服务对收据图像进行预处理。我需要删除收据的背景。我已经通过遮罩去除了这里的边框。但我无法为收据创建掩码。

但是,我尝试从收据图像中删除阴影。

初始图像(收据示例)

在此处输入图像描述

应用代码后:

在此处输入图像描述

我已经尝试使用下面的代码将除白色以外的所有颜色变为黑色,但这似乎并没有完全遮盖 photocopy.png 的背景。

在此处输入图像描述

有什么办法可以去掉收据图片的边框吗?或者从图像中创建任何类型的面具?注意:我需要为具有不同背景的多个图像去除噪点和边框。

0 投票
1 回答
960 浏览

html - 如何创建两个色调的 SVG 蒙版和叠加层

我目前正在尝试创建两个 SVG 覆盖/遮罩,如下图所示见下文

我为覆盖创建了一个 Svg。就目前而言,我正在尝试创建两个元素,一个用于绿色侧,一个用于蓝色侧。

我几乎已经使用clip它似乎正在工作的 css 属性实现了效果,但是我注意到当我减小屏幕尺寸时,两个 SVG 蒙版相互重叠并且我失去了效果。

我也不是 100% 确定 css 属性transform: rotate;,因为我想在每个 div 中添加文本

对于我想要实现的,这是最好的方法,如果不是什么?

下面是我的代码片段,我还在下面添加了我的代码的链接。

http://jsfiddle.net/newkidontheblock/72dL79bd/

0 投票
1 回答
1184 浏览

javascript - 带有自定义音频播放器擦洗器/波形的 Canvas Mask 帮助

我有两个png,一个白色,另一个红色。

当歌曲没有播放时,它应该是白色的,当歌曲正在播放时,它应该随着歌曲的进行而填充红色,并且分别向后和向前擦洗时也是如此。

除了 Canvas 部分之外,我已经能够应付大部分的播放功能。

目前,这两个 png 是相互叠加的,当歌曲播放时,整个红色 png 叠加在顶部,.. 而不是只显示一部分,.. 这很难解释,但我有一个小提琴,所以事情变得更清楚了。

https://jsfiddle.net/tallgirltaadaa/q9qgyob0/

想要的结果就像这个播放器一样,它还使用了两个 png 方法:

http://codecanyon.net/item/zoomsounds-neat-html5-audio-player/full_screen_preview/4525354?ref=hkeyjun

如果有人可以帮助我一点,我会喜欢的。我整个早上都在蒙面并尝试使用画布,但没有运气。

0 投票
1 回答
4180 浏览

matlab - Matlab中的圆形掩码

我在 Matlab 中创建了六个用于遮罩的圆圈。每个面具的内半径和外半径都是不同的。这些面罩用于检测载玻片上的寄生虫。我有这个代码(其中一个面具),但我想在共享图像中做白色区域来圈出它。我怎样才能做到这一点?或有另一种方法来掩盖共享的图片? 中点圆.m

在此处输入图像描述

0 投票
1 回答
1792 浏览

swift - 快速裁剪图​​像

我正在尝试快速裁剪图​​像。我正在尝试实现类似的东西,用户将拍摄照片。捕获照片后,将允许用户设置裁剪区域。我能够从该裁剪区域获取图像,但我希望裁剪图像的大小应调整为特定的宽度和高度。也就是说,如果特定的高度或宽度较小,则应调整其大小。

在此处输入图像描述

该图像应该是其最大宽度和高度的框架。目前它只是增加了其他领域的透明度。

我还添加了我的裁剪代码

任何帮助都将是可观的

提前致谢