image - 将 css3 转换后的元素渲染到 Canvas /图像

Question

基本上，我想将我页面的某个 DOM 元素保存为图像，并将其存储在服务器上(并且还允许用户将图像保存到本地磁盘)。我认为目前唯一的方法是渲染一个 Canvas ，它允许我通过 AJAX 发送图像数据，并在 DOM 中制作图像元素。我找到了一个 promising library为此，但是我的 DOM 元素有

1. 多个透明背景
2. css 3d 转换

而 html2canvas 在那里就失败了。目前是否有任何方法可以巧妙地保存 DOM 元素当前状态的图像表示，以及它所有的 CSS3 荣耀？

Answer 1

浏览器可能永远不会允许 DOM 元素真正呈现在 Canvas 上，因为围绕能够做到这一点存在非常严重的安全问题。

您最好的选择是 html2canvas 加上您自己的技巧。您可能只需要以自定义方式实现自己的渲染代码。多个背景应该可以通过 drawImage 调用实现，并且当 canvas 2D 获得 setTransform() 时，您可以在 css3 转换中工作。 (我认为这只会出现在规范的下一版本中)。