javascript - 如何以编程方式使用 Javascript 将 Canvas 作为图像复制到剪贴板

Question

我已经使用 html2canvas.js对特定的div进行截图，现在想知道是否可以使用js复制canvas元素作为剪贴板的图像，然后用户只需单击即可在剪贴板上显示他们想要的图像，他们需要做的只是粘贴它。

Codepen Demo

Answer 1

它仅适用于 https 或 localhost:

    function getScreenShot(Src){
        let src = document.getElementById(Src);
        html2canvas(src).then(function(canvas) {
          document.getElementById("explain-scr").appendChild(canvas);
          canvas.toBlob(function(blob) {
            navigator.clipboard
              .write([
                new ClipboardItem(
                  Object.defineProperty({}, blob.type, {
                    value: blob,
                    enumerable: true
                  })
                )
              ])
              .then(function() {
                  // do something
              });
          });
        });
      }