对接素材美化和编辑功能

图片素材集成素材编辑页面或者素材美化页面

使用步骤

1. 集成海报编辑器素材编辑页面或者美化页面，详情参考页面集成
2. 图片素材增加美化或编辑入口，通过入口打开集成好的编辑或美化页面。

图片编辑页面集成说明

• 地址：https://www.eqxiu.cn/design/create/blank?secretId=SECRET_ID&Authorization=AUTHORIZATION&filePath=filePath&width=width&height=height
• 请求参数

  参数名	是否必须	参数类型	参数说明
  filePath	是	String	图片路径
  width	是	Interger	图片宽度
  height	是	Interger	图片高度

• 补充说明

1. 使用
   地址栏直接跳转编辑接口URL
   示例如下：

   // 通过window.open或者location.herf跳转
   const url = "https://www.eqxiu.cn/design/create/blank?secretId=SECRET_ID&filePath=https%3A%2F%2Fasset.eqxiu.cn%2F%2Fmaterial%2Fh2%2F60c248b1dcd34c8698a2cb04b87305a7%2F4b407a0b4df10d441f98073271868c0b7cbd&width=178&height=162&Authorization=dfd2205e6f4d48de90804422e0349497"
   window.open(url)
   

2. iframe集成方式在退出编辑界面时，使用postMessage，向父页面发送消息通知，详情参考页面集成

图片美化页面集成说明

• 接口地址：https://www.eqxiu.cn/design/tool/photo?secretId=SECRET_ID&Authorization=AUTHORIZATION&filePath=filePath

• 请求参数

  参数名	是否必须	参数类型	参数说明
  filePath	是	String	图片路径

• 补充说明

1. 接口使用
   地址栏直接跳转美化接口URL
   示例如下：

   // 通过window.open或者location.herf跳转
   const url = "https://www.eqxiu.cn/design/tool/photo?secretId=SECRET_ID&filePath=https%253A%252F%252Fasset.eqxiu.cn%252F%252Fmaterial%252Fh2%252F60c248b1dcd34c8698a2cb04b87305a7%252Fafa6753e99b1d64bca18f190c62bb4cfe73a&Authorization=dfd2205e6f4d48de90804422e034949"
   window.open(url)
   

2. 图片美化页面点击存入素材库或下载时，使用postMessage，向父页面发送消息通知

   // 集成的编辑器页面发送消息
   window.parent.postMessage({
   eventType: 'onEditCompleted', // 素材编辑完成
   filePath: 'filePath', // 素材编辑完成后的链接地址
   }, '*');