当前位置: 首页 > Web前端 > JavaScript

图片图片复制

时间:2023-03-27 00:22:37 JavaScript

在某些场景下我们可能需要复制图片。当用户不需要右键复制时,我们可以使用剪贴板来实现(但是剪贴板的兼容性不是很友好)。以下是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');}