(干货)基于 veImageX 搭建海报生成平台 -- 附源码

前言

618 年中促销即将来临，很多公司都会通过海报来宣传自己的促销方案，通常情况下海报由设计团队基于 PS、Sketch 等工具创作，后期若想替换海报文案、商品列表等内容则需打开原工程进行二次创作，修改门槛高且不够便捷。由于公司的促销列表每日上新，急需一种简单快捷的方式来修改并生成新的海报，以及公司小程序图片分享获客需要海报分享并进行引流，因此，调研了一些云端图片合成并生成海报的方案；

在调研中发现了 veImageX 这款产品可以支持此能力，veImageX 是火山引擎推出的一款的图片解决方案，具备存储、分发、图像处理等完整的云 + 端一体化能力，其下的创意魔方具备图片、文字、二维码、背景等元素的合成，支持在线编辑模板 + 云端生成图片的能力，并提供了完善的 OpenAPI 可用于搭建自己的平台。
因此，本文基于 veImageX 搭建一个海报生成平台，目标是能够灵活替换其中的文案、图片等元素，支持预览和一键导出图片，本文重点记录一下操作的过程；

额外需要提一下，目前veImageX还有一些特惠促销，生成海报所需的流量和存储资源包均有较大折扣，比如可1元购 100GB流量 或 50GB存储，也可以按需采购；

促销链接点这里：

开通服务

1. 找到他们的官网，点击这里可以直接进去，火山引擎，开通 veImageX；
2. 创建服务并绑定域名，这一步可以参考官方文档，创建服务可以理解为创建一个存储空间，绑定域名，理解为需要一个访问的地址；
3. 进入 veImageX 创意魔方 页面，根据提示开通该项能力。

创作模板

1. 新建样式

   1. 点击新建样式-选择服务-填写名称-设置尺寸；

   
   3. 注意：请选择服务状态为正常的服务，可在服务管理页面查找服务状态；

   

2. 创作模板

   veImageX 支持图片、文字、二维码、背景四种类型的元素，能够满足绝大多数的创作场景。可参考 帮助文档，以下补充几点我的经验：
   2. 海报底图通常是固定不变的，建议将其设置为背景元素，背景元素为不可变元素，可防止创作过程中的误操作；

   3. 图片、文字、二维码都是可替换元素，建议设置有意义的元素名称；

   
   5. 二维码有文字和链接两种类型，注意不要选错；

   6. 创建样式时可根据底图尺寸设置样式尺寸，编辑过程中底图过长或图片尺寸不符合要求，可使用图片裁剪能力；

3. 保存模板

   1. 在编辑过程中样式会自动保存，为防止意外发生，退出前可点击左上角（或 Command + S / Ctrl + S）手动保存;

   2. 点击右上角预览按钮，预览云端渲染效果；