Guest User

Untitled

a guest
May 20th, 2018
129
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.71 KB | None | 0 0
  1. //-------HTML------
  2. <div id="wrapper">
  3. <div class="wrap-canvas">
  4. <canvas></canvas>
  5. </div>
  6. <img src="ваше изображение" />
  7. </div>
  8.  
  9.  
  10. //-------JS----
  11. //Канвас нужно инициализировать. Я использовал библиотеку fabric.js
  12.  
  13. $('.btn-screenshot').on('click', function(){
  14. html2canvas($('#wrapper')[0]).then(function(canvas) { //Теперь на промисах. С методами типа onrendered не работает.
  15. var a = document.createElement('a');
  16. a.href = canvas.toDataURL("image/png", 1.0).replace("image/png", "image/octet-stream");
  17. a.download = $('.btn-preview-trigger.active').text()+'.png';
  18. a.click();
  19. });
  20. });
Add Comment
Please, Sign In to add comment