editKoutu(修改抠图)

通过已知的用户作品ID，编辑抠图

在编辑器实例化完毕后，可以调用 editKoutu方法，重新编辑指定的用户抠图

editor.editKoutu('作品ID')// 在 editor 导出后可以通过 workId 字段获取<code>editor.editKoutu('作品ID')// 在 editor 导出后可以通过 workId 字段获取</code>

返回结果类型

false | { files: Blob[]; workId: string }
// 如果为 false 表示用户关闭了编辑器，没有进行导出<code>false | { files: Blob[]; workId: string }
// 如果为 false 表示用户关闭了编辑器，没有进行导出</code>

例子

下面例子为，点击按钮时，打开 ID 为 359445 的抠图进行编辑,编辑完成后，重新编辑将设计结果插入到页面中

<!DOCTYPE html>
<html>
    <head>
        <script src="https://open.gaoding.com/assets/editor-sdk-v2.js"></script>
    </head>
    <body>
        <input type="file" />
        <script type="text/javascript">
            const editor = window.gaoding.createKoutuEditor({
                appId: '在稿定开放平台应用详情里查看',
            });
            async function create(e) {
                let res = await editor.importImage(e.target.files[0]);
                if (res) {
                    // 二次编辑
                    res = editor.editKoutu(id: res.workId);
                    if (res) {
                        editor.close();
                        // files 为导出的文件数组
                        const { files } = res;
                        const url == URL.createObjectURL(files[0]);
                        const img = document.createElement('img');
                        img.src = url;
                        document.body.append(img);
                    }
                }
            }
            document.querySelector('input').addEventListener('change', create);
        </script>
    </body>
</html>
<code><!DOCTYPE html>
<html>
    <head>
        <script src="https://open.gaoding.com/assets/editor-sdk-v2.js"></script>
    </head>
    <body>
        <input type="file" />
        <script type="text/javascript">
            const editor = window.gaoding.createKoutuEditor({
                appId: '在稿定开放平台应用详情里查看',
            });
            async function create(e) {
                let res = await editor.importImage(e.target.files[0]);
                if (res) {
                    // 二次编辑
                    res = editor.editKoutu(id: res.workId);
                    if (res) {
                        editor.close();
                        // files 为导出的文件数组
                        const { files } = res;
                        const url == URL.createObjectURL(files[0]);
                        const img = document.createElement('img');
                        img.src = url;
                        document.body.append(img);
                    }
                }
            }
            document.querySelector('input').addEventListener('change', create);
        </script>
    </body>
</html>
</code>

参数说明

id

类型: string | number

用户以前通过 importImage 返回得到的 workId

返回值

类型: Promise<false | { files: Blob[]; workId: string }>

如果返回 false 表示关闭了默认的弹窗。反之返回作品信息。 files: 抠图结果的Blob文件， workId: 作品id 可用于二次编辑

注意项: 因为返回的是Promise 所以无论用户点击几次，只会返回第一次导出导出的抠图结果，所以要对用户多次导出处理请使用 onSave 参数进行控制

例子

参数说明

返回值