html5根据坐标画div,如何使用jquery在html5画布上绘制DIV的内容

假设我有div和div里面我有几个表单控件,如文本框,dropdow复选框,radiobutton等.现在我希望当用户单击某个特定按钮时,div的内容将在画布上绘制.我搜索谷歌有一些示例代码或示例,但没有找到.请指导我如何使用

jquery在html5画布上绘制DIV的内容,因为它是样式表的控件外观.

问题已更新

User Name

Password

Log in

假设我有一个上面的表单,我需要通过jquery和look&amp ;;在画布上以编程方式绘制.我的形式感觉会一样.

UPDATE

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

}

}