%20(1).png)
ComfyUI-Text_Image-Composite 插件保姆级教程
1. 插件简介
插件地址： https://github.com/ZHO-ZHO-ZHO/ComfyUI-Text_Image-Composite
ComfyUI-Text_Image-Composite 是一个超级实用的文字和图片合成插件！它就像一个多功能的"文字设计工具箱"，能够帮你创建各种漂亮的文字图片、制作图片合成效果，还能处理图片的透明度。
这个插件能给我们带来什么效果？
- 📝 文字转图片：就像用Word做海报一样，能把文字变成漂亮的图片
- 🎨 多样化文字效果：支持不同字体、颜色、描边、对齐方式等，就像专业的设计软件
- 🌈 弧形文字：能让文字沿着弧线排列，制作出酷炫的弧形效果
- 🖼️ 图片合成：就像PS的图层功能，能把多张图片叠加在一起
- 🎯 精确定位：可以精确控制每个元素的位置，就像拼图一样
- 🌟 透明度处理：能给图片添加透明效果，让合成更自然
- 🎬 批量处理：能一次性生成多张带数字的图片，适合做动画
简单来说，这就像给你的ComfyUI装上了一个专业的"文字设计师"和"图片合成师"！
2. 如何安装
方法一：通过 ComfyUI Manager 安装（推荐）
- 打开 ComfyUI
- 点击右下角的 "Manager" 按钮
- 在搜索框里输入 "Text_Image-Composite"
- 找到 "ComfyUI-Text_Image-Composite" 点击安装
- 重启 ComfyUI
方法二：手动安装
- 打开终端或命令提示符
- 进入你的 ComfyUI 安装目录下的 custom_nodes 文件夹
- 运行以下命令：
git clone https://github.com/ZHO-ZHO-ZHO/ComfyUI-Text_Image-Composite.git
- 重启 ComfyUI
注意： 插件自带了一些字体文件，安装后就可以直接使用。如果你想用自己的字体，可以把字体文件放到ComfyUI的任何文件夹里。
3. 节点详解
3.1 Text_Image_Zho 节点
这个节点是干嘛的？
Text_Image_Zho 就像一个"文字变图片的魔法师"，它能把你输入的文字变成漂亮的图片。你可以选择字体、颜色、大小，还能加描边，甚至做出弧形文字效果！就像用专业设计软件做海报一样。
参数详解：
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| 文字 | text | 文本输入 | ZHOZHOZHO | 这是你想要变成图片的文字内容，就像在纸上写字 | 要转换为图像的文本内容 | 输入"Hello World"就会生成这个文字的图片 |
| 选择字体 | selected_font | 下拉选择 | 根据可用字体 | 这是选择文字样式的地方，就像选择不同的笔 | 从可用字体列表中选择字体 | 选择"COMIC"会用漫画字体显示文字 |
| 对齐方式 | align | left/center/right | center | 这控制文字在图片中的位置，就像调整文字居中 | 文本的水平对齐方式 | left靠左，center居中，right靠右 |
| 换行宽度 | wrap | 0-8096的整数 | 0 | 这控制多长的文字要换行，0表示自动换行 | 文本换行的字符宽度限制 | 设为10表示大约10个字符后换行 |
| 字体大小 | font_size | 1-2500的整数 | 12 | 这控制文字的大小，就像调节字号 | 字体的像素大小 | 50会显示很大的字，12显示正常大小 |
| 文字颜色 | color | 颜色选择器 | red | 这是文字的颜色，就像选择彩色笔的颜色 | 文本的填充颜色 | 选红色文字就是红的，选蓝色就是蓝的 |
| 描边大小 | outline_size | 0-8096的整数 | 0 | 这给文字加边框，就像给字描边 | 文本描边的像素宽度 | 设为3会给文字加3像素宽的边框 |
| 描边颜色 | outline_color | 颜色选择器 | blue | 这是描边的颜色，就像选择描边笔的颜色 | 文本描边的颜色 | 红字配蓝边框会很醒目 |
| 水平边距 | margin_x | 0-8096的整数 | 0 | 这控制文字离左右边缘的距离，就像页边距 | 文本的水平边距 | 设为50文字会离边缘远一些 |
| 垂直边距 | margin_y | 0-8096的整数 | 0 | 这控制文字离上下边缘的距离，就像页边距 | 文本的垂直边距 | 设为30文字会离顶部远一些 |
| 宽度 | width | 1-8096的整数 | 512 | 这是生成图片的宽度，就像画布的宽 | 输出图像的宽度像素 | 1024会生成更宽的图片 |
| 高度 | height | 1-8096的整数 | 512 | 这是生成图片的高度，就像画布的高 | 输出图像的高度像素 | 768会生成更高的图片 |
| 交换宽高 | swap | True/False | False | 这能快速把宽高对调，就像把纸横着变竖着 | 是否交换宽度和高度值 | True会把512x768变成768x512 |
| 弧形文字 | arc_text | True/False | False | 这让文字沿着弧线排列，就像做弯曲的标语 | 是否启用弧形文本排列 | True会让文字变成弧形排列 |
| 弧形半径 | arc_radius | 1-2500的整数 | 100 | 这控制弧形的大小，数字越大弧越大 | 弧形文本的半径像素 | 200会做出更大的弧形 |
| 弧形起始角度 | arc_start_angle | 0-360的整数 | 180 | 这控制弧形从哪里开始，就像时钟的起点 | 弧形文本的起始角度 | 0从右边开始，180从左边开始 |
| 弧形结束角度 | arc_end_angle | 0-360的整数 | 360 | 这控制弧形到哪里结束，就像时钟的终点 | 弧形文本的结束角度 | 270会做出四分之三圆的弧形 |
3.2 Text_Image_Multiline_Zho 节点
这个节点是干嘛的？
Text_Image_Multiline_Zho 就像一个"多行文字排版师"，专门处理有很多行的文字。它比普通的文字节点更适合做长文章、诗歌或者多段落的内容，还能控制行间距和段落间距。
参数详解：
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| 文字 | text | 多行文本输入 | ZHOZHOZHO | 这是你想要变成图片的多行文字，就像写作文 | 支持多行输入的文本内容 | 可以输入诗歌或多段文字 |
| 选择字体 | selected_font | 下拉选择 | 根据可用字体 | 这是选择文字样式的地方，就像选择不同的笔 | 从可用字体列表中选择字体 | 选择优雅的字体适合诗歌 |
| 对齐方式 | align | left/center/right | left | 这控制每行文字的对齐方式，就像Word里的对齐 | 文本的水平对齐方式 | center让每行都居中对齐 |
| 换行宽度 | wrap | 0-8096的整数 | 120 | 这控制一行能放多少字符，超过就换行 | 每行的字符数限制 | 50会让文字更早换行 |
| 段落间距 | graphspace | 0-8096的整数 | 10 | 这控制段落之间的空隙，就像段落间的空行 | 段落之间的像素间距 | 20会让段落间隔更大 |
| 行间距 | linespace | 0-8096的整数 | 2 | 这控制行与行之间的距离，就像行距 | 行与行之间的像素间距 | 5会让行间距更宽松 |
| 字体大小 | font_size | 1-2500的整数 | 12 | 这控制文字的大小，就像调节字号 | 字体的像素大小 | 16适合阅读，24适合标题 |
| 文字颜色 | color | 颜色选择器 | red | 这是文字的颜色，就像选择彩色笔的颜色 | 文本的填充颜色 | 黑色适合正文，彩色适合标题 |
| 描边大小 | outline_size | 0-8096的整数 | 0 | 这给文字加边框，让文字更突出 | 文本描边的像素宽度 | 1-2适合小字，3-5适合大字 |
| 描边颜色 | outline_color | 颜色选择器 | blue | 这是描边的颜色，与文字颜色搭配 | 文本描边的颜色 | 白字黑边或黑字白边都很清晰 |
| 水平边距 | margin_x | 0-8096的整数 | 0 | 这控制文字离左右边缘的距离 | 文本的水平边距 | 20-50适合大多数情况 |
| 垂直边距 | margin_y | 0-8096的整数 | 0 | 这控制文字离上下边缘的距离 | 文本的垂直边距 | 20-50让版面更美观 |
| 宽度 | width | 1-8096的整数 | 512 | 这是生成图片的宽度 | 输出图像的宽度像素 | 根据文字长度调整 |
| 高度 | height | 1-8096的整数 | 512 | 这是生成图片的高度 | 输出图像的高度像素 | 多行文字需要更高的画布 |
| 交换宽高 | swap | True/False | False | 这能快速把宽高对调 | 是否交换宽度和高度值 | 适合在横版和竖版间切换 |
3.3 RGB_Image_Zho 节点
这个节点是干嘛的？
RGB_Image_Zho 就像一个"纯色画布制造机"，它能生成任何颜色的纯色图片。就像用油漆桶在画布上倒颜色一样，你选什么颜色就生成什么颜色的图片。
参数详解：
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| 宽度 | width | 16-8160的整数 | 512 | 这是生成图片的宽度，就像选择画布大小 | 输出图像的宽度像素 | 1920适合做电脑壁纸 |
| 高度 | height | 16-8160的整数 | 512 | 这是生成图片的高度，就像选择画布大小 | 输出图像的高度像素 | 1080配合1920做全高清图片 |
| 交换宽高 | swap | True/False | False | 这能快速把宽高对调，方便调整比例 | 是否交换宽度和高度值 | 快速从横版切换到竖版 |
| 颜色 | color | 颜色选择器 | 可选择 | 这是图片的颜色，就像选择油漆颜色 | 图像的RGB颜色值 | 选红色生成红色背景，选蓝色生成蓝色背景 |
3.4 ImageComposite_Zho 节点
这个节点是干嘛的？
ImageComposite_Zho 就像一个"图片拼贴师"，它能把两张图片合成在一起。你可以控制每张图片的位置、透明度，还能选择哪张图片做背景。就像用PS做图层合成一样。
参数详解：
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| 图片A | images_a | IMAGE类型 | 必填 | 这是要合成的第一张图片，就像第一个图层 | 输入的第一组图像 | 可以是背景图或主要图片 |
| 图片B | images_b | IMAGE类型 | 必填 | 这是要合成的第二张图片，就像第二个图层 | 输入的第二组图像 | 可以是前景图或装饰图片 |
| 图片A透明度 | alpha_a | 0.0-1.0的小数 | 1.0 | 这控制图片A的透明程度，1.0完全不透明，0.0完全透明 | 图像A的透明度系数 | 0.5会让图片A半透明 |
| 图片B透明度 | alpha_b | 0.0-1.0的小数 | 1.0 | 这控制图片B的透明程度，就像调节图层不透明度 | 图像B的透明度系数 | 0.8会让图片B稍微透明 |
| 图片A水平位置 | images_a_x | 整数 | 0 | 这控制图片A在画布上的左右位置，就像拖动图片 | 图像A的X坐标偏移 | 100会让图片A向右移动100像素 |
| 图片A垂直位置 | images_a_y | 整数 | 0 | 这控制图片A在画布上的上下位置 | 图像A的Y坐标偏移 | 50会让图片A向下移动50像素 |
| 图片B水平位置 | images_b_x | 整数 | 0 | 这控制图片B在画布上的左右位置 | 图像B的X坐标偏移 | -50会让图片B向左移动50像素 |
| 图片B垂直位置 | images_b_y | 整数 | 0 | 这控制图片B在画布上的上下位置 | 图像B的Y坐标偏移 | -30会让图片B向上移动30像素 |
| 画布宽度 | container_width | 整数 | 0 | 这是最终合成图片的宽度，0表示自动计算 | 合成画布的宽度 | 1024会生成1024像素宽的图片 |
| 画布高度 | container_height | 整数 | 0 | 这是最终合成图片的高度，0表示自动计算 | 合成画布的高度 | 768会生成768像素高的图片 |
| 背景选择 | background | images_a/images_b | images_a | 这选择哪张图片做背景，就像选择底层 | 选择作为背景的图像 | images_a会让图片A在底层 |
| 合成方式 | method | pair/matrix | pair | 这控制多张图片的合成方式 | 图像合成的批处理方式 | pair是一对一合成，matrix是交叉合成 |
3.5 ImageComposite_BG_Zho 节点
这个节点是干嘛的？
ImageComposite_BG_Zho 就像一个"指定背景的拼贴师"，它和普通合成节点的区别是可以指定一个固定的背景画布。就像在一张固定大小的纸上贴图片一样。
参数详解：
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| 背景画布 | container | IMAGE类型 | 必填 | 这是固定的背景画布，就像一张底纸 | 作为合成背景的容器图像 | 可以是纯色背景或风景图 |
| 图片A | images_a | IMAGE类型 | 必填 | 这是要贴在背景上的第一张图片 | 输入的第一组图像 | 可以是人物或物品图片 |
| 图片B | images_b | IMAGE类型 | 必填 | 这是要贴在背景上的第二张图片 | 输入的第二组图像 | 可以是装饰或文字图片 |
| 图片A透明度 | alpha_a | 0.0-1.0的小数 | 1.0 | 这控制图片A的透明程度 | 图像A的透明度系数 | 0.7会让图片A有些透明 |
| 图片B透明度 | alpha_b | 0.0-1.0的小数 | 1.0 | 这控制图片B的透明程度 | 图像B的透明度系数 | 0.9会让图片B稍微透明 |
| 图片A水平位置 | images_a_x | 整数 | 0 | 这控制图片A在背景上的左右位置 | 图像A的X坐标偏移 | 200会让图片A偏右放置 |
| 图片A垂直位置 | images_a_y | 整数 | 0 | 这控制图片A在背景上的上下位置 | 图像A的Y坐标偏移 | 100会让图片A偏下放置 |
| 图片B水平位置 | images_b_x | 整数 | 0 | 这控制图片B在背景上的左右位置 | 图像B的X坐标偏移 | -100会让图片B偏左放置 |
| 图片B垂直位置 | images_b_y | 整数 | 0 | 这控制图片B在背景上的上下位置 | 图像B的Y坐标偏移 | -50会让图片B偏上放置 |
| 背景选择 | background | images_a/images_b | images_a | 这选择哪张图片优先显示 | 选择图层优先级 | images_b会让图片B显示在图片A上方 |
| 合成方式 | method | pair/matrix | pair | 这控制多张图片的合成方式 | 图像合成的批处理方式 | matrix会生成所有可能的组合 |
3.6 ImageCompositeBy_Zho 节点
这个节点是干嘛的？
ImageCompositeBy_Zho 就像一个"百分比定位师"，它用百分比来控制图片位置，而不是具体的像素数。这样更方便调整，就像用比例来摆放家具一样。
参数详解：
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| 图片A | images_a | IMAGE类型 | 必填 | 这是要合成的第一张图片 | 输入的第一组图像 | 主要的图片内容 |
| 图片B | images_b | IMAGE类型 | 必填 | 这是要合成的第二张图片 | 输入的第二组图像 | 辅助的图片内容 |
| 图片A透明度 | alpha_a | 0.0-1.0的小数 | 1.0 | 这控制图片A的透明程度 | 图像A的透明度系数 | 0.6会让图片A比较透明 |
| 图片B透明度 | alpha_b | 0.0-1.0的小数 | 1.0 | 这控制图片B的透明程度 | 图像B的透明度系数 | 0.8会让图片B稍微透明 |
| 图片A水平位置 | images_a_x | 0.0-1.0的小数 | 0.0 | 这用百分比控制图片A的左右位置，0.0最左，1.0最右 | 图像A的X坐标百分比 | 0.5会让图片A水平居中 |
| 图片A垂直位置 | images_a_y | 0.0-1.0的小数 | 0.0 | 这用百分比控制图片A的上下位置，0.0最上，1.0最下 | 图像A的Y坐标百分比 | 0.3会让图片A偏上一些 |
| 图片B水平位置 | images_b_x | 0.0-1.0的小数 | 0.0 | 这用百分比控制图片B的左右位置 | 图像B的X坐标百分比 | 0.7会让图片B偏右放置 |
| 图片B垂直位置 | images_b_y | 0.0-1.0的小数 | 0.0 | 这用百分比控制图片B的上下位置 | 图像B的Y坐标百分比 | 0.8会让图片B偏下放置 |
| 背景选择 | background | images_a/images_b | images_a | 这选择哪张图片做背景 | 选择作为背景的图像 | images_b会让图片B做底层 |
| 画布大小类型 | container_size_type | max/sum/sum_width/sum_height | max | 这控制最终画布的大小计算方式 | 容器尺寸的计算方法 | max取最大尺寸，sum是尺寸相加 |
| 合成方式 | method | pair/matrix | pair | 这控制多张图片的合成方式 | 图像合成的批处理方式 | pair逐对合成，matrix全组合 |
3.7 ImageCompositeBy_BG_Zho 节点
这个节点是干嘛的？
ImageCompositeBy_BG_Zho 结合了指定背景和百分比定位的功能，就像在一张固定的画布上用比例来摆放图片。
参数详解：
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| 背景画布 | container | IMAGE类型 | 必填 | 这是固定的背景画布 | 作为合成背景的容器图像 | 固定尺寸的背景图 |
| 图片A | images_a | IMAGE类型 | 必填 | 这是要放在背景上的第一张图片 | 输入的第一组图像 | 要合成的主图片 |
| 图片B | images_b | IMAGE类型 | 必填 | 这是要放在背景上的第二张图片 | 输入的第二组图像 | 要合成的副图片 |
| 图片A透明度 | alpha_a | 0.0-1.0的小数 | 1.0 | 这控制图片A的透明程度 | 图像A的透明度系数 | 0.75让图片A稍微透明 |
| 图片B透明度 | alpha_b | 0.0-1.0的小数 | 1.0 | 这控制图片B的透明程度 | 图像B的透明度系数 | 0.85让图片B稍微透明 |
| 图片A水平位置 | images_a_x | 0.0-1.0的小数 | 0.0 | 这用百分比控制图片A在背景上的左右位置 | 图像A的X坐标百分比 | 0.25让图片A偏左四分之一处 |
| 图片A垂直位置 | images_a_y | 0.0-1.0的小数 | 0.0 | 这用百分比控制图片A在背景上的上下位置 | 图像A的Y坐标百分比 | 0.5让图片A垂直居中 |
| 图片B水平位置 | images_b_x | 0.0-1.0的小数 | 0.0 | 这用百分比控制图片B在背景上的左右位置 | 图像B的X坐标百分比 | 0.75让图片B偏右四分之三处 |
| 图片B垂直位置 | images_b_y | 0.0-1.0的小数 | 0.0 | 这用百分比控制图片B在背景上的上下位置 | 图像B的Y坐标百分比 | 0.2让图片B偏上放置 |
| 背景选择 | background | images_a/images_b | images_a | 这选择图片的层级关系 | 选择图层优先级 | images_a让图片A在下层 |
| 合成方式 | method | pair/matrix | pair | 这控制多张图片的合成方式 | 图像合成的批处理方式 | pair是一一对应合成 |
3.8 AlphaChanelAddByMask 节点
这个节点是干嘛的？
AlphaChanelAddByMask 就像一个"透明度魔法师"，它能根据遮罩图片给普通图片添加透明效果。就像用模板在图片上"挖洞"一样，让某些部分变透明。
参数详解：
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| 图片 | images | IMAGE类型 | 必填 | 这是要添加透明效果的原始图片 | 输入的图像数据 | 任何你想要处理的图片 |
| 遮罩 | mask | MASK类型 | 必填 | 这是控制透明度的遮罩，白色区域透明，黑色区域不透明 | 用于控制透明度的遮罩图像 | 黑白图片，白色部分会变透明 |
| 处理方式 | method | default/invert | default | 这控制遮罩的作用方式，default是白色透明，invert是黑色透明 | 遮罩的应用方式 | invert会反转遮罩效果 |
3.9 Text_Image_Frame_Zho 节点
这个节点是干嘛的？
Text_Image_Frame_Zho 就像一个"数字序列生成器"，它能一次性生成多张带有连续数字的图片。特别适合做动画帧或者批量制作编号图片。
参数详解：
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| 起始数字 | number | 文本输入 | 0 | 这是数字序列的起始数字，就像计数器的起点 | 序列的起始数值 | 输入"10"会从10开始计数 |
| 帧数 | frame | 1-100的整数 | 1 | 这是要生成多少张图片，就像要做多少帧动画 | 生成的图像帧数 | 设为5会生成5张连续数字的图片 |
| 步长 | step | 1-100的整数 | 1 | 这是每张图片数字增加多少，就像计数的间隔 | 数字递增的步长 | 设为2会生成0,2,4,6,8... |
| 选择字体 | selected_font | 下拉选择 | 根据可用字体 | 这是数字显示的字体样式 | 从可用字体列表中选择字体 | 选择粗体字体让数字更醒目 |
| 对齐方式 | align | left/center/right | left | 这控制数字在图片中的对齐方式 | 文本的水平对齐方式 | center让数字居中显示 |
| 换行宽度 | wrap | 0-8096的整数 | 10 | 这控制数字的换行，通常数字不需要换行 | 文本换行的字符宽度限制 | 对单个数字通常不重要 |
| 字体大小 | font_size | 1-2500的整数 | 50 | 这控制数字的大小 | 字体的像素大小 | 100会显示很大的数字 |
| 文字颜色 | color | 颜色选择器 | red | 这是数字的颜色 | 文本的填充颜色 | 选择醒目的颜色便于识别 |
| 描边大小 | outline_size | 0-8096的整数 | 0 | 这给数字加边框 | 文本描边的像素宽度 | 3-5会让数字更突出 |
| 描边颜色 | outline_color | 颜色选择器 | blue | 这是数字边框的颜色 | 文本描边的颜色 | 与数字颜色形成对比 |
| 水平边距 | margin_x | 0-8096的整数 | 0 | 这控制数字离左右边缘的距离 | 文本的水平边距 | 让数字不贴边显示 |
| 垂直边距 | margin_y | 0-8096的整数 | 0 | 这控制数字离上下边缘的距离 | 文本的垂直边距 | 让数字垂直居中 |
| 宽度 | width | 1-8096的整数 | 512 | 这是每张图片的宽度 | 输出图像的宽度像素 | 根据数字大小调整 |
| 高度 | height | 1-8096的整数 | 512 | 这是每张图片的高度 | 输出图像的高度像素 | 通常正方形比较好看 |
| 交换宽高 | swap | True/False | False | 这能快速把宽高对调 | 是否交换宽度和高度值 | 在横版和竖版间切换 |
3.10 前端扩展：mtb_widgets.js
这个扩展是干嘛的？
mtb_widgets.js 是一个前端界面扩展，它为插件添加了特殊的界面控件，比如颜色选择器。就像给ComfyUI装上了更好用的"调色板"和"工具箱"。
功能说明：
- 提供颜色选择器控件，让选择颜色更方便
- 支持调试功能，帮助开发者排查问题
- 提供图片预览功能
- 增强节点的交互体验
- 支持自定义控件的显示和隐藏
3.11 前端扩展：comfy_shared.js
这个扩展是干嘛的？
comfy_shared.js 是一个共享工具库，它提供了各种实用的功能函数。就像一个"工具箱"，为其他扩展提供基础功能支持。
功能说明：
- 提供颜色处理工具，判断颜色明暗
- 管理控件的显示和隐藏
- 处理控件与输入的转换
- 提供调试和日志功能
- 支持动态连接管理
- 提供DOM元素定位功能
4. 使用技巧和建议
🎨 文字设计技巧
- 字体选择：标题用粗体字体，正文用清晰易读的字体
- 颜色搭配：深色背景配浅色文字，浅色背景配深色文字
- 描边使用：小字用细描边(1-2像素)，大字用粗描边(3-5像素)
- 弧形文字：适合做Logo或装饰性文字，半径100-200效果较好
🖼️ 图片合成技巧
- 透明度调节：主图片用1.0，装饰图片用0.7-0.9
- 位置摆放：用百分比定位更灵活，0.5表示居中
- 背景选择：重要内容做背景，装饰内容做前景
- 尺寸匹配：确保合成的图片尺寸协调
⚙️ 参数设置建议
- 新手推荐：字体大小50，描边2像素，边距20像素
- 高质量输出：使用1024x768或更高分辨率
- 批量处理：使用Frame节点可以快速生成序列图片
🎯 常用尺寸推荐
- 社交媒体：1080x1080(正方形)，1920x1080(横版)
- 手机壁纸：1080x1920(竖版)
- 电脑壁纸：1920x1080，2560x1440
- 打印用途：300DPI，A4纸约2480x3508像素
5. 常见问题解答
Q1: 为什么找不到我想要的字体？
A:
- 确保字体文件(.ttf, .otf等)放在ComfyUI目录下的任何文件夹
- 重启ComfyUI让插件重新扫描字体
- 检查字体文件是否损坏
Q2: 文字显示不完整怎么办？
A:
- 增加画布的宽度和高度
- 调整边距参数，给文字留出足够空间
- 检查换行宽度设置是否合适
Q3: 弧形文字效果不理想怎么办？
A:
- 调整弧形半径，通常100-300效果较好
- 修改起始和结束角度，180-360度是常用范围
- 文字不要太长，5-10个字符效果最佳
Q4: 图片合成后位置不对怎么办？
A:
- 检查坐标设置，负数会让图片移出画布
- 确保画布尺寸足够大
- 使用百分比定位更容易控制
Q5: 透明效果不明显怎么办？
A:
- 检查遮罩图片是否正确，需要黑白分明
- 确认遮罩和原图尺寸一致
- 尝试切换处理方式(default/invert)
Q6: 生成的图片质量不高怎么办？
A:
- 增加输出图片的分辨率
- 使用高质量的字体文件
- 避免过度缩放图片
6. 实际应用场景
📱 社交媒体内容制作
- 制作Instagram故事背景
- 创建朋友圈配图
- 设计微博头图
🎬 视频制作辅助
- 生成视频标题卡片
- 制作倒计时数字序列
- 创建字幕背景
🎨 平面设计
- 制作海报文字效果
- 设计Logo和标识
- 创建宣传图片
📚 教育培训
- 制作课件标题页
- 生成练习题编号
- 创建教学图表
🎮 游戏开发
- 制作UI界面元素
- 生成游戏内文字
- 创建计分板数字
7. 工作流程示例
基础文字图片制作：
- 添加Text_Image_Zho节点
- 输入文字内容
- 选择合适的字体和颜色
- 调整大小和位置
- 输出最终图片
图片合成工作流：
- 准备两张要合成的图片
- 添加ImageComposite_Zho节点
- 连接图片输入
- 调整位置和透明度
- 选择合成方式
- 输出合成结果
批量数字生成：
- 添加Text_Image_Frame_Zho节点
- 设置起始数字和帧数
- 调整字体和样式
- 设置步长和尺寸
- 批量生成序列图片
8. 总结
ComfyUI-Text_Image-Composite 是一个功能丰富的文字和图片处理插件，包含10个节点，涵盖了从基础文字生成到复杂图片合成的各种需求。
记住这几个要点：
- 文字节点适合做标题、海报、Logo等
- 合成节点适合做图层叠加、位置调整
- 透明度节点适合做特效、遮罩处理
- Frame节点适合做动画序列、批量处理
- 前端扩展提供了更好的用户体验
现在你已经掌握了这个强大工具的使用方法，快去创作出属于你的精美图片吧！记住，多尝试不同的参数组合，你会发现更多有趣的效果！