问题标签 [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.
html - Chrome中的掩码结合绝对位置,溢出隐藏,z-index和border-radius
我正在尝试实现一种效果,其中我将拥有带有背景图像的 div,其中包含内容。此内容应该是具有相同图像但模糊的弹性定位 div(同时保持其与父级的相对位置)。
在寻找救赎的过程中,我发现 CSS 规则的某些组合可以产生这种确切的效果,但仅限于 Chrome。
https://jsfiddle.net/39um580g/16/
这是荒唐的。有没有办法让这个解决方案跨浏览器?
对 Moorthy G 的回答:
ios - 将圆形裁剪应用于 UIImage 或 UIImageView
如何以编程方式将圆形裁剪应用于 aUIImage
或 a UIImageView
?有可能吗,或者我必须使用图形掩码吗?
到目前为止,我使用的是图形蒙版(png 图像),但最终的裁剪结果是椭圆形的,而不是一个完美的圆形。
也不解决问题。
请注意,UIImageView
图像应用到的 IB 中已经完全定义为正方形。
html - 为什么 CSS mask-image 不能与 no-repeat 一起使用?
我有一个 SVG,我想在某些事件中将它的颜色更改为红色,但是你不能用 SVG 作为背景图像来做到这一点,所以你必须使用 CSS image-mask
。我正在使用 PHP 将我的 CSS 回显到 div 的样式属性上:
喜欢
这按预期工作,但返回相同 SVG 的重复图像。所以解决方案是no-repeat
最后添加这样的:
作为回报,这给了我一个充满红色的 div,你看不到像这样的图标
这是一个错误吗?有什么解决办法?
python-3.x - 如何在python中使opencv线的厚度双向?
我试图从视频中的帧中掩盖一个人的脸,并且我将下巴的轮廓作为一组 17 个坐标(来自 ibugs)。我使用函数 cv2.line 覆盖了一条勾勒下颚的线,但看起来这条线只在一个方向上变粗,而不是在另一个方向上变粗。
厚度为 20 的图像
厚度为 50 的图像
提前致谢!
android - 图像中的对象检测和掩蔽
我想在图像中进行前景提取(对象检测),然后在其上应用蒙版。
目前我已经使用 openCV 进行了对象检测,但现在我面临对象屏蔽的问题。
我的平台是安卓。
c++ - 更换彩色蒙版时遇到问题
我正在使用鼠标处理程序从第一帧中选择颜色。我正在尝试用背景框架替换选定的颜色。这适用于红色,但不适用于任何其他颜色,如绿色、蓝色等。我使用以下图表进行颜色选择:单击此处!
它应该对所有主要颜色做同样的事情,就像对红色做的一样。
css - 有没有办法使用纯 CSS 或其他方式将非硬编码背景混合到另一个非硬编码背景中?
我很肯定这不能完成,但我想在继续 B 计划之前我会检查一下。我有一张<header>
包含照片的照片,可以由左边缘逐渐变为透明的用户随意切换揭示底层颜色或图案的其余部分或任何东西......无论它是什么,它也是用户提供的,所以它可以是任何东西。
为了保留设计,同时允许用户不了解或访问将蒙版应用于他们想要使用的照片的图像编辑器,我试图找到一种方法来使用未经编辑的纹理/颜色以及未经编辑的照片产生以下效果:
我现在能想到的就是在 Photoshop 中手动将 100% 白色到 0% 白色蒙版应用到照片的左边缘。但就像我说的,这不能由我的目标用户完成 - 我需要他们能够上传新图像并保持图像淡入背景效果。
我已经成功地做到了这一点,其中 2 个元素中的 1 个是带有伪元素的纯色背景,就像在这个 CodePen中一样(非常粗糙 - 仅用于概念证明)。但同样,我需要用户提供的内容或背景.inner
和背景.outer
(并且可能在响应浏览器事件中更改)。同一个 Pen 还显示了一个使用 -webkit-mask-image
而不是伪元素的版本,这使它更接近,但缺乏 IE 支持。
如果没有大量的 SVG 编码(不值得花时间——对于这个用例——来保持可变的背景图案/图像),有没有办法(最好是纯 CSS)来实现这种屏蔽效果而无需编辑任何一个图像?