js如何复制图片

1.代码

代码里的mindMap.doExport.png()是脑图点击这里跳转插件提供的将脑图转为图片的方法。
本质就是在navigator.clipboard.write中写入图片的blob数据
注意：navigator.clipboard.write 方法只能在https协议下使用

async function handleCopy() {
    if (loading.value) {
        Message.warning('正在加载中，请稍后再试！')
        return
    }
    let data = await mindMap.doExport.png()
    console.log(data);
    const blob = await imgToDataUrl(data, true)
    console.log(blob);
    console.log(blob.type);
    // 将 Blob 写入剪贴板 生产环境测试
    await navigator.clipboard.write([
        new ClipboardItem({ [blob.type]: blob })
    ]).then(
        () => {
            Message.success('复制成功！');
        },
        () => {
            Message.error('复制失败！');
        }
    );
}