js复制图片_js复制图片，并粘贴在页面上

你可以通过以下代码实现在页面上复制图片：

function copyImage(imageUrl) {
  var img = new Image();
  img.src = imageUrl;
  var canvas = document.createElement('canvas');
  canvas.width = img.width;
  canvas.height = img.height;
  var ctx = canvas.getContext('2d');
  ctx.drawImage(img, 0, 0);
  canvas.toBlob(function(blob) {
    var item = new ClipboardItem({ 'image/png': blob });
    navigator.clipboard.write([item]).then(function() {
      console.log('Image copied to clipboard');
      // 粘贴到页面
      navigator.clipboard.read().then(function(items) {
        for (var i = 0; i < items.length; i++) {
          if (items[i].types.indexOf('image/png') !== -1) {
            items[i].getType('image/png').then(function(blob) {
              var img = document.createElement('img');
              img.src = URL.createObjectURL(blob);
              document.body.appendChild(img);
            });
          }
        }
      });
    }, function() {
      console.error('Unable to write to clipboard');
    });
  });
}

// 调用方法
copyImage('https://example.com/image.png');

这段代码会将图片复制到剪贴板中，并将其粘贴到页面上。请注意，该代码需要在 HTTPS 协议下运行，并且只能在支持 `navigator.clipboard` API 的浏览器中运行。