javascript - Canvas 内呈现的 HTML

Question

我正在寻找一种变通方法来使用 -vendor-canvas() 即兴创作 -moz-element() 来本质上“快照”一个元素以便克隆它不需要实际克隆 DOM。有没有办法将实际的 HTML 元素放置在 Canvas 中以在其中进行渲染或复制？如果不是，您将如何处理这样的任务？

Answer 1

HTML2Canvas 确实是您最好的选择:http://html2canvas.hertzen.com/

这可能是 future 的 Canvas 功能。规范如下:

A future version of the 2D context API may provide a way to render fragments of documents, rendered using CSS, straight to the canvas. This would be provided in preference to a dedicated way of doing multiline layout.

...但不是今天，可能至少 几个月都不会。最近刚刚在 Canvas 规范中添加了更多内容(独立路径、drawEllipse、currentTransform、resetClip)，hixie 喜欢添加东西分批处理，首先等待主要浏览器采用最后一批的 ~90%。所以这将是一段时间。