How to save the contents of div as an image- How to save the contents of a div as a image?

problem ：

Basically, I am doing what the heading states, attempting to save the contents of a div as an image. Basically , I'm doing what the title says , Attempt to div The content of is saved as an image .

I plan on making a small online application for the iPad. I plan to iPad Make a small online application .

One function that is a must is having a 'Save' button that can save the full webpage as an image, and save that image to the iPad's camera roll. A necessary function is to have a “ preservation ” Button , You can save the entire web page as an image , And save the image to iPad In my camera film .I wish to save the full contents of a div, not just the visible area. I want to save div The whole content of , Not just visible areas .

I have searched briefly online, but couldn't find much documentation on anything. I did a short search on the Internet , But I can't find any documents about anything .I found a lot on HTML5 Canvas. I am here HTML5 Canvas Found a lot on .Here is some code I put together: Here are some codes I put together ：

<script>function saveimg(){    var c = document.getElementById('mycanvas');    var t = c.getContext('2d');    window.location.href = image;    window.open('', document.getElementById('mycanvas').toDataURL());}</script><div id="mycanvas">This is just a test<br />12344<br /></div><button onclick="saveimg()">Save</button>

Although, I am getting this error: although , I received this error ：

TypeError: c.getContext is not a function

This application will be built only with HTML, CSS and jQuery (or other Javascript libraries). This application will only use HTML、CSS and jQuery（ Or others Javascript library ） structure .

---

Solution ：

Reference resources ： https://stackoom.com/en/question/1Fxrf