将 HTML 元素渲染到 <canvas> [英] Rendering HTML elements to <canvas>

查看：26 发布时间：2022/1/17 11:14:20 html html5-canvas

本文介绍了将 HTML 元素渲染到 <canvas>的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

有没有办法在画布中呈现任意 HTML 元素(然后访问其缓冲区...).

Is there a way to have an arbitrary HTML element rendered in a canvas (and then access its buffer...).

目前你不会得到真正的 HTML 渲染到 <canvas> 本身，因为 canvas 上下文没有渲染函数HTML 元素.

You won't get real HTML rendering to <canvas> per se currently, because canvas context does not have functions to render HTML elements.

有一些模拟:

html2canvas 项目 http://html2canvas.hertzen.com/index.html(基本上是基于 HTML 渲染器的尝试Javascript + 画布)

html2canvas project http://html2canvas.hertzen.com/index.html (basically a HTML renderer attempt built on Javascript + canvas)

HTML 到 SVG 到 <canvas> 可能取决于您的用例:

HTML to SVG to <canvas> might be possible depending on your use case:

另外，如果您使用的是 Firefox 你可以破解一些扩展的权限，然后将 DOM 窗口渲染到 <canvas>

Also if you are using Firefox you can hack some extended permissions and then render a DOM window to <canvas>

这篇关于将 HTML 元素渲染到 <canvas>的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文

将 HTML 元素渲染到 &lt;canvas&gt; [英] Rendering HTML elements to &lt;canvas&gt;