如何使用JavaScript将图像的特定部分保存为图像

Question

我已经使用JavaScript创建了网格，并且希望将该网格与某些丢弃的图像一起保存为图像。这里是我的link

Answer 1

如果你可以限制这种使用浏览器使用画布元素，并使用Firefox扩展 - 实际上是Firefox，你可以在画布中加载DOM的任何部分，并为画布提取图像。基本上：

canvas = document.getElementById("#acanvas"); 
if (canvas.getContext) { 
    var context = canvas.getContext('2d'); 
    context.drawWindow(here_any_part_of_the_DOM_tree_not_only_window); 
    var mypng = context.toDataURL(); 
}