Convert div to image data using jquery

Question

I have an html page. In which I have a button, whenever I click this button, it should convert the entire html page into a data image. I achieved this using html2canvas as follows:

html2canvas([document.getElementById('form1')], {
        onrendered: function (canvas) {
            var imageData = canvas.toDataURL('image/jpeg',1.0); 
     }
    });

This gives me image data, but without checkboxes and radio buttons. So, is there an alternative for converting an html page to image data using jquery or javascript?
If there is, please help me out of this problem.
Thank you in advance.

Answer 1

You only convert part to form1

document.getElementById('form1')

html2canvas(document.body, {
    onrendered: function (canvas) {
        var imageData = canvas.toDataURL('image/png',1.0); 
 }
});

Answer 2

html2canvas , @https://stackoverflow.com/questions/19704618/how-to-display-checkbox-with-html2canvas. , , , .

, , , , .