admin 管理员组文章数量: 1184232
我是龙须草，深耕软硬件技术开发与管理，产品架构师； 一个相信“工具为人服务”的践行者，链接有缘之人，共探新可能。 |
处理图片时，你是否常遇到这样的困境：想给图片叠加文字、拼接另一张图等简单操作，却因不会 PS 而卡壳，用 AI 生成又总达不到预期的精准效果？
无需再为基础图片处理需求烦恼，在 N8N（一款可视化工作流工具）中，有一个专为新手设计的社区节点 —— n8n-nodes-picedit ，能轻松解决这些问题。
接下来的教程，将带你快速上手这个节点，零技术门槛实现基础图片处理需求。
关于这个节点的安装，请参考：
安装好n8n-nodes-picedit后，先看下这个节点能做什么？
我们新建一个工作流：
然后在新建的工作流添加第一个触发节点：
然后我们点击：“+”，搜索：pic，就可以看到这个节点：
点击这个节点后，可以看到下面有三个子节点：
接下来我们演示下这三个子节点能做什么？
一、Create Canvas子节点
这个子节点有两个大的功能：新建图片和导入现有图片
1、新建图片功能
我们可看到这里可以指定输出图片的格式：Output Format、输出图片二进制数据流的名称：Field Name；
创建方式:Canvas Type，这里我们选择：Blank；
然后下面可以指定创建图片的宽度：Width；高度：Height；背景颜色：Background Color；
设置好后，点击右上角的执行：Execute step，就可以看到执行结果：
我们点击一下View，就可以直接看到生成的结果：
2、导入现有图片
我们只需要更改Canvas Type为：From Image就可以，然后在：Image Path填写我们需要导入的图片位置：
点击执行按钮：Execute step：
我们点击一下View，就可以直接看到生成的结果：
上面两种方式都可以生成一张图片的二进制数据，这个数据我们就可以在接下来的操作中直接使用，比如接下来的叠加文字和叠加另外的图片。
二、添加文字子节点
我们先添加一个：Add Text子节点：
1、手动添加单条文字功能
显示文字使用的字体可以不写，或者直接写字体的绝对路径，或者直接填写系统的字体名称，比如使用绝对路径：
E:\code\N8N\picEdit\rules\DoulosSIL-Regular.ttf
点击右上角的执行按钮：Execute step：
点击按钮：View：
可以看到显示的文字已经叠加到图片上了
2、批量添加多条文字功能
在Text Source中选择：CSV File，并在下面填写csv文件路径，我们先看下效果：
点击执行按钮：Execute step：
点击按钮：View：
可以看到一个子节点，就在图片上添加了多条文字。
我们来看下这个CSV文件的内容：
和手动单条添加文字的参数基本保持一致：
显示的文字、水平坐标、垂直坐标、字体大小、字体颜色、字体名称、旋转角度、透明度。
通过上面的两种方式，我们就可以把文字添加到图片上了。
三、添加图片到图片的子节点
先添加一个：Add Image子节点：
下图是各个参数的说明：
填写完毕后，我们直接点击右上角的执行按钮：Execute step：
点击按钮：View：
可以看到我们在前面添加文字后，在这一操作步骤又增加了图片。
这样我们就可以在：不需要你会图片技术和PS软件操作技巧，就可以实现在指定图片上，添加文字和图片功能。
通过以上内容，相信你已经对 n8n-nodes-picedit 节点的适用场景和初步操作有了清晰认知。
从触发节点的选择到后续功能的落地，这个节点始终以 “简单易上手” 为核心，让没有专业设计基础的用户也能高效完成图片叠加文字、拼接图片等操作。
若你已完成节点安装，不妨按照教程步骤新建工作流尝试；
若还未安装，可参考《 》完成前置准备，开启便捷的图片处理之旅。
以上就是今天的分享。
希望对你有帮助。
本文适合所有正在尝试或计划使用N8N进行开发的朋友。
技术可以变，但底层逻辑永远重要。
如对你有帮助，请关注我，持续分享给懂得思考的您。
版权声明：本文标题：N8N系列：新手教程，用 n8n-nodes-picedit 节点，零 PS 基础也能搞定图片加文字、拼图片基础需求_n8n节点图文解析 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1773746439a3565241.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论