js 剪切板图片

async function copyImageToClipboard(imageUrl) {
    try {
        // 创建一个Image对象
        const image = new Image();
        image.crossOrigin = "Anonymous"; // 处理跨域图片
        await image.decode(); // 确保图片加载完成
        image.src = imageUrl;

        // 创建一个Canvas元素，并将图片绘制到Canvas上
        const canvas = document.createElement('canvas');
        canvas.width = image.width;
        canvas.height = image.height;
        const ctx = canvas.getContext('2d');
        ctx.drawImage(image, 0, 0);

        // 将Canvas内容转换为Blob对象
        const blob = await new Promise(resolve => canvas.toBlob(resolve));

        // 创建一个ClipboardItem对象，并将Blob添加到其中
        const clipboardItem = new ClipboardItem({ [blob.type]: blob });

        // 将ClipboardItem写入剪切板
        await navigator.clipboard.write([clipboardItem]);

        console.log('图片已成功复制到剪切板！');
    } catch (error) {
        console.error('复制图片到剪切板失败：', error);
    }
}

// 使用示例
copyImageToClipboard('https://example.com/path/to/image.jpg');