如何使用Dart将剪贴板中的图像粘贴到Canvas元素上？

Question

我使用Dart开发个人白板Chrome应用程序，它有时可以快速复制和粘贴图像（例如演示文稿，图表或演示文稿中的幻灯片），以便我可以添加笔记在教课或演讲时的形象。

如何将存储在剪贴板上的图像粘贴到Dart中的画布元素上？

Answer 1

实际上，this answer to the same question for JS几乎直接适用。飞镖翻译可能看起来像：

import 'dart:html'; 

void main() { 
    var can = new CanvasElement() 
    ..width = 600 
    ..height = 600 
    ; 

    var con = can.getContext('2d'); 

    document.onPaste.listen((e) { 
    var blob = e.clipboardData.items[0].getAsFile(); 
    var reader = new FileReader(); 
    reader.onLoad.listen((e) { 
     var img = new ImageElement() 
     ..src = (e.target as FileReader).result; 
     img.onLoad.listen((_) { 
     con.drawImage(img, 0, 0); 
     }); 
    }); 
    reader.readAsDataUrl(blob); 
    }); 

    document.body.children.add(can); 
}