在画布内呈现的 HTML

【问题标题】：HTML rendered inside canvas在画布内呈现的 HTML
【发布时间】：2012-06-27 10:55:42
【问题描述】：

我正在寻找一种解决方法，即使用-vendor-canvas() 即兴创作-moz-element() 来“快照”一个元素，以便在不需要实际克隆DOM 的情况下克隆它。有没有办法将实际的 HTML 元素放置在画布中以在其中呈现或再现？如果没有，您将如何处理这样的任务？

【问题讨论】：

@akonsu 它是一个 CSS 函数，-vendor- 前缀用于尚未标准的 css 属性中，将其替换为以下任何一种：-moz- 用于壁虎浏览器 (firefox)，@987654325 @ 用于 chrome 和 safari 等 webkit 浏览器，-o- 用于基于 Opera 的浏览器。

【解决方案1】：

HTML2Canvas 真的是你最好的选择：http://html2canvas.hertzen.com/

这可能是未来的画布功能。规范内容如下：

2D 上下文 API 的未来版本可能会提供一种将文档片段（使用 CSS 渲染）直接渲染到画布的方法。这将优先于进行多行布局的专用方式提供。

...但不是今天，而且可能至少在几个月内不会。最近在画布规范中添加了更多内容（独立路径，drawEllipse，currentTransform，resetClip）并且 hixie 喜欢批量添加东西，首先等待主要浏览器采用 ~90%最后一批。所以需要一段时间。

【讨论】：