dingcong
/
everlight.eap


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637
							<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script type="text/javascript" src="../../lib/html2canvas.js"></script>
    <script src="../../lib/jquery/jquery.min.js"></script>
    <title>Document</title>
    <style>
      .bg1 {
        background-color: red;
        color: blue;
        font-size: 2rem;
      }
    </style>
  </head>
  <body>
    <div id="main-container"></div>
    <script type="text/javascript">
      $(function () {
        window.onload = function () {
          var element = $("<div>");
          element.addClass("bg1");
          element.attr("id", "content1");
          element.text("dasdsadas");
          $('#main-container').append(element);
        };
        $(document).click(function () {
          html2canvas(document.querySelector("#content1")).then((canvas) => {
            console.log(canvas);
            $('#main-container').append(canvas);
          });
        });
      });
    </script>
  </body>
</html>