图片图片复制
在某些场景下我们可能需要复制图片。当用户不需要右键复制时,我们可以使用剪贴板来实现(但是剪贴板的兼容性不是很友好)。以下是HTML代码:
JSletimgBox=document.querySelector('.imgBox');让img=newImage();img.crossOrigin="匿名";img.src='https://dummyimage.com/300.png'letcanvas=document.createElement('canvas');img.onload=function(){canvas.width=img.width;canvas.height=img.height;让context=canvas.getContext('2d');context.drawImage(img,0,0);imgBox.appendChild(canvas)canvas.toBlob(function(blob){if(window.ClipboardItem){navigator.clipboard.write([newClipboardItem({[blob.type]:blob})]);}else{//浏览器不支持}},'image/png');}