问题标签 [image-masking]

我不知道我是否在这里使用了正确的术语。然而，这是我想要实现的目标，我想就如何实现这一目标提出一些建议。我想要一个带有可见边框的圆圈。现在这是困难的部分，我什至不知道如何开始。我想以这样的方式操纵圆圈，使圆圈的边界可见，而它的中心不可见（即它几乎有一个洞，并且会显示它下面的东西）然后我想要将另一个图像放置在圆圈下方，以便仅显示圆圈透明部分下方的图像部分，圆圈透明边界之外的部分变得不可见。关于如何实现这一目标的任何建议。谷歌搜索似乎对我没有帮助。

我有一个 JPEG 模板：

我需要在该灰色蒙版内放置一个 JPEG 图像并将其保存为 JPEG。（因此调整 jpeg 的大小，并将其放在灰色蒙版所在的位置）。

有没有办法使用 php 和 imagemagick 扩展来做到这一点？

问候

我对如何去做有点迷茫，我真的在寻找它背后的理论，我不是 100% 确定标题是否正确。

我目前正在开发一个 iOS 应用程序，我对设计的进度指示器有点卡住了，我在下面附上了它的图像

正如您所看到的，当用户完成挑战的各个阶段时，此图像的背景将填充为白色，因此如果他们处于 5 阶段挑战的第 1 阶段，则其填充 20% 第 2 阶段 40% 等等。

我遇到的问题是我不是 100% 确定如何解决这个问题，如果我在 HTML 中执行此操作，我会创建具有绿色背景的图像，并为兔子留下区域并保持透明形状，然后在其后面创建一个 div会改变它的高度。

我应该将相同的原则应用于 iOS 开发，还是应该以更加程序化和高效的方式构建它。

感谢你的帮助

我在 iOS 中屏蔽了 UIImage。我现在想去掉那个面具。我将如何实现它。这是我屏蔽图像的代码：

我一直在研究使用图像蒙版时为图像背景设置动画。我只是不知道是否可以在动画背景色时使用图像蒙版

这里的例子 - JSFiddle

理想情况下，我正在寻找的是在蓝色（水）填充杯子时让背景图像（谷物）不显示在玻璃图像中。

此外，由于使用了图像蒙版，我现在能够看到整个<div>蓝色填充。有什么办法也看不到吗？我想让玻璃图像覆盖在背景上，同时我可以让蓝色填充杯子。

我正在尝试使用 Sprite Kit。我正在尝试用 alpha png 掩盖图像。这很容易，但我找不到有关如何使用 alpha 值屏蔽图像的信息。现在它渲染像素或不渲染。

从 SKCropNode 上的文档中它说：如果掩码中的像素的 alpha 值小于 0.05，则图像像素被屏蔽掉。

所以这是我现在这样做的合乎逻辑的结果：

结果是边缘呈锯齿状。有没有办法以边缘平滑的方式掩盖图像？

谢谢！

这是我面临的问题：

我已经使用 maskimage 实现了屏蔽。

这是原始图像：（尺寸：300width x 418height）

这是蒙版图像：（尺寸：165width x 215height）

下面是我用来根据蒙版裁剪图像并创建新的代码UIImage：

它可以相应地工作并裁剪图像。结果如下：

但是最终裁剪图像（UIImage）图像的问题需要原始图像的帧（300x418）。

我不明白为什么会这样。我已经尝试了很多东西，但仍然没有解决方案。如果我做错了什么或缺少什么，任何人都可以建议我。

谢谢。

我正在使用 OpenCV 对几个多边形进行内画（在纸上绘制，参见示例）。

一些传说规格：

• 绿框是用来画场景“边界”的，仅供参考。
• 蓝色球漂浮在场景中，当球撞击多边形时，场景会使用适当的遮罩重新渲染，就好像球正在压碎物体一样。

inpaintedScene这是一个参考代码，假设transformedScene和outputFrame是cv::Mat：

这些都是对我没有好处的结果：

选项 1 (+=) 的结果：

这对我不利，因为我在被破坏的多边形上获得了透明度。

选项 2 (copyTo) 的结果：

这也不好，因为正如您所看到的，多边形的被破坏部分是一种黑色的“边框”或“框”（即使多边形是另一种颜色） - 有什么可以解决这个问题？

我正在用 cocos2d v3 编写一个游戏，它的平台的形状可以由用户操纵。我知道平台边缘的每个点，并且想在平台的形状内渲染纹理，这样它就会显得实心。我知道我需要使用 OpenGl 或 CCrender 纹理，但我完全是初学者，只能用文字而非代码表达我的想法。我不知道这些是否可行。请通过举例说明我应该做什么来帮助我。以下是我的想法：

[1] - 将形状着色为白色，并在其下方放置一个 ccrednertexture 并将纹理渲染到渲染纹理 - 然后使用混合功能仅允许渲染纹理上白色下方的内容显示出来。

[2] 要使用形状周围的顶点来执行以下操作：

我有一个导航 div (div A) 水平运行，上面有一个 div (div B) z-indexed，它将包含一个交叉淡入淡出的背景图像系列，使用 jquery 每 5 秒设置一次 background-image 属性。但是，我需要将红色部分“掩盖”在 div 的背景图像上，而蓝色部分需要对较低的 div (div A) 透明。无论显示哪个背景图像，遮罩/剪裁都将应用于并且相同。

由于最终用户可能会上传新图像以用作骑行背景图像，因此无法通过图像编辑器编辑图像以创建遮罩和透明度，因此......

这可以通过应用于背景图像或包含 div (div B) 的 HTML 5 屏蔽/剪辑功能的某种组合来实现吗？如果是这样，有人可以向我展示同时将蒙版/剪辑应用于图像的示例吗？

如果没有，有人可以在上传前建议除图像编辑之外的其他方法吗？