Как установить Image для clipboardData в событии oncopy

Я хочу реализовать ctrl + c событие в холсте (например, в художниках) из выбранного региона в буфер OS. На основании этого ответа я могу добавить copy слушателя и изменение данных в буфер обмена там - который прекрасно работает с текстом. Но я не могу найти, как разместить ImageData объект Image/ImageData. Здесь MDD копирует документацию и setData. Похоже, что в формате image/* ничего нет. Спецификация скважины ничего не говорит. Но я чувствую запах, если первый параметр, названный как format в setData должен быть способ разместить файл там.

Здесь, где я зашел так далеко:

document.addEventListener('copy', function(e) {
   var data = ctx.getImageData(params.left, params.top, params.width, params.height);
   var file = new File(data.data, "file.png", {type: "image/png"});
   e.clipboardData.items.add(file, 'image/png'); // This doesn't work, But it create the structure like on the image below(with items and types, but without FileList) 
   e.clipboardData.setDragImage(tool.img, 10, 10); // doesn't work 
   e.clipboardData.setData("image/png", tool.file); // doesn't work
   e.preventDefault(); 
})

Я также нашел метод setDragImage, я его реализовал, но после размещения Image он не появляется в буфере.

НОТА:

Когда я вставляю изображение из буфера обмена, мое событие "вставить" показывает структуру событий, как на изображении ниже, поэтому, я думаю, мне нужно создать что-то подобное.

Есть идеи?

ps Я также знаю о document.execCommand('copy'); , но он не работает в хроме (по крайней мере, в моем случае), поэтому я не хочу его использовать.