问题标签 [blend-mode]

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 回答
1480 浏览

sdl - 如何在 SDL2 中实现自定义混合模式?

SDL2 默认提供 3 种混合模式:alpha blend、additive 和 multiply。

但是我需要使用线性光混合模式来渲染填充的矩形。

这是否可以使用 OpenGL 来实现,或者作为 3 种内置混合模式的组合,或者我应该将我的所有SDL_Textures 转换为SDL_Surfaces 并手动修改像素值?

0 投票
0 回答
253 浏览

ios - SpriteKit:如何在精灵中切割一个移动的孔

我正在尝试实现移动手电筒(由玩家控制)的效果,它在黑暗的覆盖层上切出一个洞。

我发现有很多方法可以在节点中切割静态孔,例如使用混合模式切割孔并将纹理分配给新精灵,但如果需要每帧都完成,这似乎非常无效。

使用已经有洞的图像也不是一种选择,因为我需要支持在运行时添加多个手电筒。

直接使用混合模式也会在下面的所有节点中切割孔。

有没有办法将混合模式仅应用于深色叠加层或解决此问题的其他方法?

编辑:要切出的孔(手电筒)的形状是任何形式的精灵,并且具有 alpha 值(用于平滑边缘等)。

0 投票
2 回答
1062 浏览

swift - 在 Spritekit 中扩展圆形切口过渡效果

我正在尝试获得类似于任天堂在 sprite kit 中的超级马里奥奔跑游戏中的过渡效果

在此处输入图像描述

我只想要一个圆形切口来扩展以显示下一个场景或仅显示当前场景。这不能作为标准 iOS sprite kit 转换之一使用。

我已经用一个覆盖整个场景的全黑层完成了这项工作,并使用 SKCropNode 动画一个扩大的圆圈来显示场景。

以下是其中的代码didMove(to view: SKView)

这在模拟器中有效,但在设备上运行时无效(带有最新 iOS 10 的 iPad pro 2016)。在设备上,缩放动作完成后,没有出现扩展圆圈,黑色覆盖层消失。

我的问题:

1)为什么这不能在设备上工作,只能在模拟器上工作?

2)有没有更好,更有效的方法来实现精灵套件中的这种过渡?

提前致谢。

0 投票
2 回答
5454 浏览

html - 仅将 CSS 混合模式应用于边框

我一直在一个小型网站上工作,就像一个集成练习。但是由于我对CSS没有扩展知识,所以我不知道最终是否可能:

我在网站上有一个表单,文本框被边框包围,我在 Photoshop 中应用了混合模式。很想知道它是否存在于 CSS 中,我很快尝试了一下,但在尝试仅在边框上应用 mix-blend-mode 时卡住了。

有没有办法做到这一点,或者有一个选择器可以让我只到达边界而没有别的?

感谢您的回答!

0 投票
1 回答
11995 浏览

ios - 无法分配类型“[UIImage]”的值?输入“UIImage”(swif3)

我正在尝试将 2 个 uiimages 保存在一起,然后将合并后的图像放入一个名为 finalImage 的图像视图中。但是,我收到错误消息,我已为我的问题分配了标题。只是想把组合的 uiimage 放在图像视图中。

0 投票
4 回答
60046 浏览

dart - Flutter - 如何将图像与渐变颜色混合?

我正在尝试复制我的设计师为应用程序所做的登录屏幕设计。

背景图像使用 softLight 的 blendMode,关键是它混合的颜色是渐变色。其次实际上有两层不同的渐变(一层紫色渐变,一层蓝色渐变)

原图:

原始图像

最终渐变图像

最终渐变图像

现在我尝试使用 colorBlendMode,例如

问题是颜色属性只采用单一颜色。

然后我尝试了 BoxDecoration,例如

这仍然给我留下了同样的问题。然后我尝试单独堆叠每一层,然后使用渐变来使其看起来接近设计,例如

这让我有点接近我想要的,但不完全是我需要的。

有谁知道实现这一目标的方法?

编辑:

我也在考虑将这两个图像混合在一起,但除了使用不透明度或其他东西之外,还没有找到这样做的方法。理想情况下,希望它以原生方式呈现,而不是使用“hacks”来实现它。

0 投票
1 回答
3512 浏览

android - Android Studio 中的图像混合模式(如 photoshop、paint.net)?

我正在尝试以相同的方式混合两个图像Photoshoppaint.net混合它们,具有不同的混合模式,如Difference, Multiply, Additive, Color Burn, Glow, etc.

我发现PorterDuff.Mode效果很好,但它缺乏混合效果(它只有添加、乘法、屏幕)有没有办法获得更大范围的混合模式?有没有办法编辑 android.graphics.PorterDuff;库以获得更多混合模式?有任何想法吗?

例如: 变成这样: 结果

这是我使用 btw 的 porterduff 代码:

0 投票
0 回答
334 浏览

java - JavaFX Canvas“绘制”透明度(绘制孔)

是否可以在 JFX 画布上的矩形(或任何形状)先前使用较高的 alpha 绘制后设置较低的值?

例如

这应该在原本透明的画布上绘制一个圆形“洞”。

显然不是。使用 TRANSPARENT 绘图没有任何效果,因为默认的混合模式 SRC_OVER 保持目标不透明度。不幸的是,所有替代混合模式都声称对 alpha 使用相同的方程,如 SRC_OVER。似乎不存在混合模式“SUBTRACT”之类的东西。

有什么方法可以直接实现我想要的吗?

我的意思是没有画出看起来像洞的边界的线条,也没有使用 setLineWidth。我想将它与更复杂的形状一起使用,所以 clearRect() 也太有限了......

非常感谢提前!

0 投票
2 回答
347 浏览

bash - ImageMagick - 透明背景上的 Alpha 蒙版

我想使用 Imagemagick 将一些 png 合成到一个 png 上。

其中一张图像 (b_0_1.png) 是蒙版。我需要使用添加剂组合物来应用它。

但是结果中的背景有一个问题,它应该是透明的,但是有一个黑色的方块。

这是我的命令:

结果:https ://picr.ws/i/6WT

黑色区域应该是透明的。

图片:http ://s000.tinyupload.com/index.php?file_id=91925640425537122879

0 投票
2 回答
2569 浏览

canvas - 如何使用颤振的自定义绘制用 png UI 图像屏蔽小部件

我似乎无法用 png ui.Image 掩盖小部件并保持透明度。透明(不可见)像素呈现黑色。

在我的自定义画家上绘制蒙版 png 图像时,我尝试使用 BlendMode srcIn,预期的行为是被果冻豆形状掩盖的彩色背景。然而,透明(应该删除)像素被渲染为黑色(见附图)。这是一个错误吗?还是我错过了什么?我也知道 ImageShader 选项,但它缺乏我在我的应用程序中需要的灵活性。在屏幕之间转换并应用英雄动画时,画布会按预期呈现一小段时间。

任何帮助都感激不尽 :)

应用程序屏幕截图 应用程序打印屏幕

蒙版图像 蒙版图像

背景图片 背景图片

预期的 预期的