SwiftUI—两个图像视图之间的色彩混合

简介: SwiftUI—两个图像视图之间的色彩混合

在图像之间进行颜色像素之间的运算。


示例代码:


VStack{
    Image("girlPicture")
    .blendMode(.difference) //插值混合模式查看每个通道中的颜色信息,并从基色中减去混合色,或从混合色中减去基色。与白色混合将反转基色的值,与黑色混合测不会发生变化
    ZStack{ //由于图片和背景颜色,也就是和白色按照差值模式进行混合,所以图片的颜色发生了反转。共有21种颜色混合模式,您可以逐一尝试不同混合模式的效果
    Image("texture") //添加另一个图像视图图像视图位于ZStack视图之内,这样ZStack视图里的所有图像视图,都将在垂直屏幕的方向上进行排列
    Image("girlPicture") //继续添加一个图像视图,该图像视图和前一个图像视图尺寸相同,并且位于前一个图像视图的上方
        .blendMode(.multiply) //设置图像的混合方式为差值
    }
}
.padding()


2466108-a166b4e46da5665b.webp.jpg


目录
相关文章
|
6月前
|
编解码 人工智能 测试技术
无需训练,这个新方法实现了生成图像尺寸、分辨率自由
【4月更文挑战第25天】研究人员提出FouriScale方法,解决了扩散模型在生成高分辨率图像时的结构失真问题。通过膨胀卷积和低通滤波,该方法实现不同分辨率下图像的结构和尺度一致性,无需重新训练模型。实验显示FouriScale在保持图像真实性和完整性的同时,能生成任意尺寸的高质量图像,尤其在处理高宽比图像时表现出色。尽管在极高分辨率生成上仍有局限,但为超高清图像合成技术提供了新思路。[链接: https://arxiv.org/abs/2403.12963]
72 5
|
1月前
ThreeJs控制模型的隐藏与显示
这篇文章讲解了如何在Three.js中通过代码控制3D模型的显示与隐藏状态。
36 3
ThreeJs控制模型的隐藏与显示
|
1月前
|
JavaScript 前端开发 开发者
ThreeJs控制模型骨骼实现数字人
这篇文章讲解了如何使用Three.js通过控制模型的骨骼来实现数字人的动态表现,包括加载模型、获取骨骼信息以及通过编程控制骨骼动作的具体方法。
166 1
SwiftUI—如何给图像视图添加遮罩以突出主题
SwiftUI—如何给图像视图添加遮罩以突出主题
679 0
SwiftUI—如何给图像视图添加遮罩以突出主题
|
图形学
怎么修改模型的表面颜色?
在3D模型中,材质颜色是物体表面外观的重要组成部分。通过手动设置或从纹理图像中提取颜色值,可以为模型赋予丰富多彩的外观。
139 1
【Three.js入门】纹理及其常用属性、透明纹理、环境遮挡贴图与强度
【Three.js入门】纹理及其常用属性、透明纹理、环境遮挡贴图与强度
498 0
|
算法 前端开发 JavaScript
【视觉基础篇】10 # 图形系统如何表示颜色?
【视觉基础篇】10 # 图形系统如何表示颜色?
172 0
【视觉基础篇】10 # 图形系统如何表示颜色?
【视觉高级篇】19 # 如何用着色器实现像素动画?2
【视觉高级篇】19 # 如何用着色器实现像素动画?
87 0
【视觉高级篇】19 # 如何用着色器实现像素动画?2
|
数据可视化 异构计算
【视觉高级篇】19 # 如何用着色器实现像素动画?
【视觉高级篇】19 # 如何用着色器实现像素动画?
101 0
【视觉高级篇】19 # 如何用着色器实现像素动画?
|
Android开发 异构计算
Android图形显示系统——下层显示4:图层合成上(合成原理与3D合成)
Android显示之图层合成 要点 1.图层合成指综合各个窗口的绘制内容,送往LCD显示的过程。从原理上可分为在线合成与离线合成两种方式。 2.在Android的SurfaceFlinger代码流程中,图层合成方式分3D合成(OpenGL)和硬件合成两大类。 3.图形系统采用垂直同步Vsync机制,由LCD上报vsync,触发图层合成。 图层合成的原理
5979 0
下一篇
无影云桌面