🧙‍♂️ 诸位好，吾乃斜杠君，编程界之翘楚，代码之大师。算法如流水，逻辑如棋局。

📜 吾之教程，内含诸般技术之秘诀。吾欲以此笔记，传授编程之道，助汝解技术难题。

🚀 如果学懂本文，你可以完全掌握扣子搭建的原理，话不多说，上干货。😊

本文开始，我们来学习扣子的图像流。用案例方式手把手带大家搞懂图像流的应用。

温馨提示：本文内容很多，涉及贯穿了搭建扣子应用的很多知识。没看过的教程的同学，一定关注后再看，不然容易找不到。如果学懂本文，你可以完全掌握了扣子搭建的原理，话不多说，上干货。

一、什么是图像流

图像流可以让用户能够通过直观的方式，灵活地组合图像工具来处理图像的流程。

图像流将图像处理工具模块化，并通过可视化界面将这些模块组合在一起，形成一个完整的处理流程。用户可以根据需要选择不同的工具模块，并通过拖拽的方式将它们连接起来，形成一个图像处理的“流水线”。

每个模块代表一个具体的图像处理功能，如裁剪、调整亮度、添加滤镜等，用户可以随时调整模块的顺序或参数，以达到最佳的处理效果。

举个例子：创建一个简单的图像处理流

假设你有一张风景照片，想要通过图像流实现以下处理流程：裁剪图像 -> 调整亮度和对比度 -> 添加滤镜 -> 添加水印。

裁剪图像

拖拽“裁剪”模块到工作区域。

设置裁剪区域的大小和位置。

调整亮度和对比度

拖拽“亮度/对比度调整”模块并连接到“裁剪”模块的输出。

调整亮度和对比度的参数，实时预览结果。

添加滤镜

拖拽“滤镜”模块（如“黑白滤镜”）并连接到“亮度/对比度调整”模块的输出。

选择滤镜类型和强度，实时预览结果。

添加水印

拖拽“水印”模块并连接到“滤镜”模块的输出。

上传水印图像，调整水印的位置和透明度。

通过图像流的直观界面，用户可以轻松地将这些模块连接在一起，形成一个完整的图像处理流程。每个模块的参数调整和处理结果都可以实时预览，用户可以随时调整参数或模块顺序，以达到最佳的处理效果。

二、图像流的组成

如图中所示，图像流是由多个工具节点组合而成的一整套流程。工具节点是组成图像流的基本单元。例如，智能抠图工具、美颜工具、画质提升工具等。

图像流默认包含了开始节点和结束节点。

开始节点是图像流的起始节点，可以包含用户输入信息。

结束节点是图像流的末尾节点，用于返回图像流的运行结果。

工具节点分了三个大类：智能生成、智能编辑 和 基础编辑，接下来我们一一介绍。

三、工具节点示例详解

1、文生图工具

文生图工具可以通过文字描述生成图片。

下面我们通过一个示例，来看一下文生图工具的作用。

这个示例是：输入一段文字，生成漫威人物“钢铁侠”。

先看一下文生图工具每个参数的含义：

ratio(宽高比例)：生成图像的宽高比例,支持1(1:1)、2(4:3)、3(16:9)、4(3:4)、5(9:16)

width(图片宽度)：图片宽度,范围为[576,1728]，默认为1088，宽*高不可以超过1088*1088个像素点。

height(图片高度)：图片高度,范围为[576,1728]，默认为1088，宽*高不可以超过1088*1088个像素点。

prompt(提示词)：用于生成图像的提示词。

下面开始案例的实际演示：

把文生图工具节点添加到视图中

设置文生图工具节点的参数：

宽高比例我这里设置为1:1。大家可以根据自己的需要进行设置，支持1(1:1)、2(4:3)、3(16:9)、4(3:4)、5(9:16)。

宽度和高度我设置的是300。为了演示方便，我没有设置太大的值，这里的值太大会生成速度会有影响，大家根据自己的需要进行设置，建议够用即可。

提示词prompt直接引用开始节点中的用户输入的图像描述指令。

节点参数设置如下：

接下来，点击试运行，测试一下效果。

输入图像描述指令：

运行结果：

看一下效果，确实是钢铁侠 ，不过这神态有点像刚刚加完班的感觉  😁 ~ ~要想画出更好的效果，就要配合更好的提示词，接下来就看你的了 ~

好了，关于图像流工具节点就先为大家讲到这里，后续为会大家更新更多其它图像流节点教程~

🐎 正在快马加鞭准备中，先关注公众号，进群交流，会及时收到更新通知 ~💨

 🔗 扣子Coze教程 | 扣子Coze学习 | AI应用搭建教程