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

Question

我已经使用 JavaScript 创建了网格，我想将该网格和一些拖放的图像保存为图像。这是我的 link

Answer 1

如果您可以将这种用法限制在使用 Canvas 元素和 firefox 扩展的浏览器中——实际上是 firefox，您可以在 Canvas 中加载 DOM 的任何部分并为 Canvas 提取图像。基本上:

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();
}