电商图片生成系统

使用教程：

测试代码：使用浏览器打开生成网址->浏览器内右键菜单->点击检查->在Console输入JS代码执行->查看结果

云营销系统内使用：步骤选择->浏览器操作->执行JS->填入图片生成JS->添加步骤

JS函数执行代码说明：

ClearScreen();//清屏

CreateBackText("云创有道");//创建背景文字水印

AddBackImage("图片地址",2);//添加一个背景图片；参数说明：图片地址,显示顺序（数字越大，显示得越上面）

MutiText("我是文本",0,0,100,100,"");//添加一行或多行文本，多行文本使用\r\n分隔开；参数说明：文本,左距,上距,宽度,高度,自定义CSS代码；参数上距填写“-1”表示以上一次绘制文本的底部为本次绘制的高度距离；

CreateFinish();//创建完成

背景图片地址可以通过配图素材网址获取，文字显示的图片位置区域可以通过“文本定位功能”获取，在配图素材网的相应图片下方点击文本定位->鼠标框选区域->复制下方的位置信息到MutiText()函数中即可。

每张图片的创建代码结构如下，复制到生成网址执行JS即可查看效果，其中AddBackImage()、MutiText()函数可多次添加：

ClearScreen();

CreateBackText("云创有道");

AddBackImage("https://ai.yocyod.com/asset/eshopimg/20240128/39d8dbd443137b4a.png",2);

MutiText("我是文本",30,30,730,100,"background:#000;color:#fff;padding:20px 0px;border-radius:10px;");

CreateFinish();

常用文本自定义CSS代码，可多个任意组合：

border:1px solid red; //边框

border-radius:10px; //圆角边框，须于border配合

color:#ffffff; //白色文字

background:#000000; //黑色背景

padding:10px 5px; //文字距离边框上下10像素，左右5像素

font-weight: 600; //文字显示粗细

text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5); //文字显示阴影