clipboard.js复制图片

clipboard.js 并不支持直接复制图片，但可以复制包含图片的 HTML 元素。你可以将图片包裹在 `<div>` 元素中，然后使用 clipboard.js 复制这个包含图片的 div。

以下是一个示例代码：

HTML：

<div id="copy-container">
  <img src="image.jpg" alt="Image">
</div>
<button id="copy-btn">Copy</button>

JavaScript：

var copyBtn = document.getElementById('copy-btn');
var copyContainer = document.getElementById('copy-container');

copyBtn.addEventListener('click', function() {
  var range = document.createRange();
  range.selectNode(copyContainer);
  window.getSelection().addRange(range);

  try {
    var successful = document.execCommand('copy');
    var msg = successful ? 'successful' : 'unsuccessful';
    console.log('Copy command was ' + msg);
  } catch (err) {
    console.log('Oops, unable to copy');
  }

  window.getSelection().removeAllRanges();
});

这里使用了 `document.execCommand('copy')` 方法来复制选中的元素，同时使用了 `Range` 和 `Selection` 对象来选中元素。当用户点击“Copy”按钮时，会将包含图片的 div 选中并复制到剪贴板中。