没有“ onPaste”事件将图像粘贴到JS中

时间:2019-02-13 14:21:33

标签: javascript image canvas clipboard paste

我想将图像(当前在剪贴板中)粘贴到某个画布上。单击页面上的特定按钮后,便会执行此粘贴操作。 有两条不同的路线可供选择:

  • 用户单击按钮后,触发onPaste事件,将图像用作Blob并将其粘贴到我的画布上
  • 单击按钮后,js代码从剪贴板读取blob并将其再次粘贴到画布上

我已经在window.clipboardData.getDatanavigator.Clipboard周围玩过,但是都没有用。有提示吗?

我使用以下代码来可视化我的Blob图片:

if(imageBlob){
            var canvas = document.getElementById("mycanvas");
            var ctx = canvas.getContext('2d');

            var img = new Image();

            img.onload = function(){
                canvas.width = this.width;
                canvas.height = this.height;
                ctx.drawImage(img, 0, 0);
            };

            var URLObj = window.URL || window.webkitURL;
            img.src = URLObj.createObjectURL(imageBlob);
}

0 个答案:

没有答案