咱们可能在某些场景中须要复制图片 当不须要用户本人右键操作复制的时候,咱们能够应用clipboard来实现(不过clipboard的兼容性不是很敌对)以下为代码
HTML:
<div class="imgBox"></div>

JS

 let imgBox = document.querySelector('.imgBox');    let img = new Image();    img.crossOrigin = "anonymous";    img.src = 'https://dummyimage.com/300.png'    let canvas = document.createElement('canvas');    img.onload = function() {      canvas.width = img.width;      canvas.height = img.height;      let context = canvas.getContext('2d');      context.drawImage(img, 0, 0);      imgBox.appendChild(canvas)      canvas.toBlob(function(blob) {        if (window.ClipboardItem) {          navigator.clipboard.write([            new ClipboardItem({ [blob.type]: blob })          ]);        } else {          //浏览器不反对        }      }, 'image/png');    }