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

iphone - iOS 捕获屏幕,然后裁剪并遮盖结果图像

在我的应用程序中,我想执行以下步骤:

1 - 捕获屏幕,这部分对我来说没问题,我正在使用以下代码:

2 - 我用这个功能裁剪了图像

3 - 然后我用纯黑白蒙版蒙版裁剪的图像

但是,我得到的结果图像是在蒙版形状之外,图像是黑色而不是透明的。有谁能够帮助我?

0 投票
2 回答
2557 浏览

opengl-es - 如何在 libgdx 中为精灵或纹理创建蒙版

我正在为 android 开发 libgdx,问题是我之前(不在 libgdx 中)为我的精灵使用了蒙版来将我的精灵的周围设置为透明,所以当我将它们绘制到屏幕上时,它们会显示背景而不是一个白色的矩形,但我似乎没有在 libdgx 中找到任何方法来做到这一点,你们如何为二维精灵制作蒙版?我是否必须使用 OpenGL,因为我不太了解它,如果可以的话,你能告诉我怎么做吗?我也可以在纹理上做吗?

在此处输入图像描述

0 投票
0 回答
734 浏览

android - 蒙版形状工作但不应用透明度

我正在尝试使用蒙版来隐藏图片的一部分,具体取决于用户触摸屏幕的位置。为此,我遵循了Cyril Mottier 提供的代码示例。到目前为止,我所做的实际上是有效的:单击 ImageView 的一部分时,我上面得到的所有内容都被隐藏了。问题是它被黑色隐藏,阻止了我的 ImageView 后面的内容显示。

有人可以给我提示或告诉我我做错了什么吗?

这是我当时得到的屏幕

这是主要活动:

这里是自定义 ImageView :

谢谢您的回答

0 投票
1 回答
333 浏览

jquery - 带有矩形淡入的图像推子从中间扩展到边缘

我正在用 jQuery 替换自定义 Flash 动画。旧动画使用了一个像窗帘开口一样移动的蒙版:中心首先出现,图像在两侧横向淡入,中心矩形蒙版向外平滑扩展至边缘。

有没有办法在 jQuery 中做到这一点?

0 投票
1 回答
990 浏览

google-chrome - 如何使用 webkit-mask-image 使 CSS3 圆角隐藏 Chrome/Opera 中的溢出?

我在哪里可以生成这种类型的 CSS 来制作右下边框???

这几乎可行,但我需要更多圆角

这是我到目前为止的代码:

在除 Chrome 之外的所有设备上都运行良好

0 投票
4 回答
7348 浏览

python - 在pylab中以不同颜色显示多个蒙版

我有一个数组,其中包括体面的观察、不相关的观察(我想屏蔽掉)和没有观察到的区域(我也想屏蔽掉)。我想将此数组显示为具有两个单独蒙版的图像(使用 pylab.imshow),其中每个蒙版以不同的颜色显示。

我找到了某种颜色的单个掩码(此处)的代码,但没有找到两个不同掩码的代码:

如果可能的话,我想避免使用严重失真的颜色图,但接受这是一种选择。

0 投票
1 回答
389 浏览

javascript - 重塑图像

我正在寻找一个在线工具或教程来重塑图像。我真正想要的是这样的。

图 1

这样我就可以把它改造成这样的东西

图 2

我在这个网站上发现了这个功能!..但我无法追踪他们是如何做到的。我已经用谷歌搜索了几个小时,但最终得到了一些损坏的网址。我不是一开始的设计师,但我必须这样做。有人请告诉我如何做到这一点..

0 投票
1 回答
247 浏览

actionscript-3 - as3如何忽略掩码外的MOUSE_DOWN

我正在 as3 中开发一个类似拼图的游戏,其中使用从 Photoshop 导入的不规则形状的图层来掩盖其原始背景的一部分。

通过在遮罩及其内容上设置 cacheAsBitmap=true ,结果是一个很好的不规则形状,其透明边界部分被省略了。

然而,在 MOUSE_DOWN 时仍会检测到不可见的边界区域。我希望在可见的蒙面部分以外的任何地方都不会检测到鼠标。目前,我无法在舞台上可能出现在重叠透明区域后面的任何其他剪辑上检测到鼠标。

我在这里看到了一个涉及位图像素检测的解决方案,我还没有找到一种方法来应用它作为解决方案。我的蒙版区域的内容是形状或影片剪辑。

我希望有人可以帮助我找到解决方案

0 投票
1 回答
1519 浏览

titanium - 使用 Titanium 屏蔽视图(Appcelerator)

我需要使用 Titanium 创建一个老虎机游戏。我面临的问题最好用图像来解释:

基本布局

这是我的基本布局。我将机器中显示的图像放在一个 3x3 矩阵中,并在顶部放置机器的“框架”。我想剪切显示在机器框架下的图像的顶部和底部,并实现这样的效果:

在此处输入图像描述

如果我可以使用支持遮罩视图(组)的框架,那么我可以在对象顶部放置一个图像遮罩,我想像这样剪切,问题就解决了:

在此处输入图像描述

但我不能在 Titanium 中做到这一点,我唯一能做的就是创建蒙版图像(Ti.UI.createMaskedImage)。

我真的不想创建从两个方向切成两半的所有小图像的版本。

任何帮助或解决此问题的想法将不胜感激!

0 投票
4 回答
1059 浏览

iphone - 如何在iOS上图像透明部分的imageview后面触摸?

在这里,我想在按钮点击时获得按钮动作事件的触摸 - B

当点击图像时(在图像的可见区域),点击手势方法将调用

但问题是图像在按钮上,它覆盖了按钮的某些部分我想在该覆盖部分上执行按钮操作事件 - A

我已经尝试但无法在覆盖部分上获得按钮操作:(

图像遮罩