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转换中工作。 (我认为这仅出现在规范的下一版本中)。