js图片复制到剪切板

function copyImageToClipboard(imageUrl) {
  // 创建一个新的Image对象
  const img = new Image();
  img.crossOrigin = "Anonymous"; // 允许跨域加载图片

  img.onload = function() {
    // 创建一个canvas元素
    const canvas = document.createElement('canvas');
    canvas.width = img.width;
    canvas.height = img.height;
    const ctx = canvas.getContext('2d');
    ctx.drawImage(img, 0, 0);

    // 将canvas内容转换为Blob对象
    canvas.toBlob(function(blob) {
      // 使用Clipboard API复制Blob对象到剪切板
      navigator.clipboard.write([
        new ClipboardItem({
          'image/png': blob
        })
      ]).then(function() {
        console.log('图片已成功复制到剪切板');
      }).catch(function(error) {
        console.error('复制失败: ', error);
      });
    }, 'image/png');
  };

  img.onerror = function() {
    console.error('图片加载失败');
  };

  // 设置图片的源地址
  img.src = imageUrl;
}

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