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