html - 将 DOM 内容渲染到 Canvas

Question

我有几个 html 元素（div/span 等）我希望我的 HTML5 Canvas 能够读取该 html 并按原样呈现它。稍后我将在 的帮助下将其转换为字节canvas.toDataURL()并保存为图像

我不是在寻找基于插件的解决方案，这专门针对 IE9/10 感谢对此的任何帮助！

Answer 1

您也许可以使用此解决方案：

https://github.com/niklasvh/html2canvas

html2canvas( [ document.body ], {
    onrendered: function(canvas) {
        /* canvas is the actual canvas element,
           to append it to the page call for example
           document.body.appendChild( canvas );
        */
        }
});

注意：如果图像是从非来源加载的（并且没有设置接受标头），它将不会显示。

或者，您可以使用您的服务器作为代理来获取图像并将它们提供给客户端：

<img src="http://myserver.com/getexternalimage?http....