图片裂变iframe编辑器

对接效果

图片裂变iframe对接代码

获取token接口
请查看下方获取token接口获取token令牌

通过 iframe 引入象寄图片精修工具，为弹框和 iframe 设置合适的宽高以保证显示效果。

src 中的参数如下

token：登录后返回的token

aigcKey：aigcKey，参考访问控制

CommitTime：生成签名时的时间戳，单位秒

sign：图片生成签名，计算方法为md5("CommitTime_userKey_aigcKey")

imageUrl：仅智能擦除使用，需要进行擦除的图片地址

styleTemplate: 设置默认艺术风格目前可选风格：

builtin-variant（写实）

builtin-variant-art (艺术插画)

disabledQuota：设置为 true 禁用额度确认,不传默认为 false。用于三方接入后，判断子账户余额是否充足，从而限制子账户的使用。

creditsText：设置为 hidden 隐藏操作按钮的积分文案显示; 不传默认为 show,显示积分文案

图片裂变iframe消息监听

js监听编辑器消息

3.1 消息类型 —— XJ_ASK_QUOTA

3.2 消息类型 —— XJ_RECREATOR_DONE

3.3 消息类型 —— XJ_RECREATOR_CANCEL

3.4 消息类型 —— XJ_AI_TASK_CREATED

3.5 消息类型 —— XJ_TASK_BILLING

name: 消息名称

requestId: 任务请求ID

status: 任务状态可选值 "ok"

credits: 消耗积分