美文网首页
Screenshots with JavaScript

Screenshots with JavaScript

作者: RoyTien | 来源:发表于2017-06-05 18:57 被阅读9次

Using the JavaScript library to capture the content on screen

Firstly, the html element will be converted into canvas.

<script src="./html2canvas.js"></script>
<script src="./html2canvas.svg.js"></script>

$('#btn').click(function(){
  html2canvas($('#img'), {
    onrendered: function(canvas) {
      var myImage = canvas.toDataURL("image/png");
      window.open(myImage);
      document.body.appendChild(canvas);
    },
    background: '#000000',
    allowTaint: true,
    useCORS: true
  });   
})

相关文章

网友评论

      本文标题:Screenshots with JavaScript

      本文链接:https://www.haomeiwen.com/subject/mnhwfxtx.html