如何使用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); 
}