如何将HTML文档片段捕获为Alpha透明的PNG？

Question

我正在寻找一种将网页的一部分捕获为透明背景PNG的方法。这意味着transparent背景属性将是真正透明的。根级元素（而不是显示白色）将创建具有透明背景的png。

然而，我怀疑我正在寻找的行为是不可能的。我对问题的下一个猜测是创建一个canvas元素，并以某种方式在画布上绘制一个html片段。从那里捕获PNG是微不足道的。

总结我的两个问题：

1. 是否有一种相对简单的方法将HTML文档片段捕获为PNG，以便根节点background: transparent属性真正实现透明度？
2. 如果没有，我可以将HTML文档片段绘制到canvas元素，如果是，我会获得想要的行为吗？

Answer 1

我不确定你打算在＃1中捕捉到什么。您想捕获用户看到的图像吗？我认为这不可能。

对于2，各种人都要求将HTML元素绘制到Canvas上的能力，但目前没有drawElement（）函数或类似的东西。 ：（

您可以尝试使用大量绘图模拟Canvas中的元素，但您当然无法知道用户具有哪种（说）主题。因此，如果用户拥有Hot-dog stand windows theme，则无法相应地更改您的绘图。

Answer 2

Mozilla在其FF 4测试版中有一个新的实验性功能，支持rendering an actual HTML element as a background of another element。