Вставить изображение в JS без события "onPaste" - PullRequest
Новая
       46

Вставить изображение в JS без события "onPaste"

0 голосов
/ 13 февраля 2019

Я хотел бы вставить изображение (которое в данный момент находится в моем буфере обмена) на определенный холст.Эта операция вставки произойдет, когда я нажму определенную кнопку на своей странице.Есть два различных маршрута:

  • После того, как пользователь нажал кнопку, запустите событие onPaste, используйте изображение в качестве BLOB-объекта и вставьте его на холст
  • После нажатия кнопкиКнопка JS код читает BLOB-объект из буфера обмена и вставляет его снова на холст

Я уже играл около window.clipboardData.getData или navigator.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);
}
...