Jquery 如何将DIV内容发送到html5画布

Jquery 如何将DIV内容发送到html5画布,jquery,css,html,canvas,Jquery,Css,Html,Canvas,是否可以将div的内容“绘制”到画布上。。。我已经用css完成了div操作,但是需要canvas使用.datatour函数将内容“保存”到jpg 所以问题是。。。您知道HTML、CSS和jQuery函数吗?它们可以传输div的内容并将其绘制到画布上 提前感谢不直接支持在其上放置HTML内容,因为将其与相结合可能会导致私人信息丢失 您可以做的是动态创建SVG图像,然后在上绘制。SVG比更好地支持富文本格式 用于动态SVG创建的jQuery库: (参见文本示例)检查html2Canvas,它接受一

是否可以将div的内容“绘制”到画布上。。。我已经用css完成了div操作,但是需要canvas使用.datatour函数将内容“保存”到jpg

所以问题是。。。您知道HTML、CSS和jQuery函数吗?它们可以传输div的内容并将其绘制到画布上

提前感谢

不直接支持在其上放置HTML内容,因为将其与
相结合可能会导致私人信息丢失

您可以做的是动态创建SVG图像,然后在
上绘制。SVG比
更好地支持富文本格式

用于动态SVG创建的jQuery库:


(参见文本示例)

检查html2Canvas,它接受一个dom元素并将其转换为画布,然后您可以将该画布绘制到另一个画布上,如下所示:


有点像?傻我我谷歌div2canvas!。。。将检查它的脚本仍处于非常实验性的状态,因此我不建议在生产环境中使用它,也不建议使用它开始构建应用程序,因为仍将进行重大更改。但是,请测试并报告您的发现,特别是当某些东西应该工作,但显示不正确时。您检查过了吗
var domElement = document.getElementById('myElementId');
html2canvas(domElement, {
    onrendered: function (domElementCanvas) {
        var canvas = document.createElement('canvas');
        canvas.getContext('2d').drawImage(domElementCanvas, 0, 0, 100, 100);

        // do something with canvas
    }
}