Как увеличить изображение html2canvas с помощью плагина jquery? - PullRequest
Новая
       16

Как увеличить изображение html2canvas с помощью плагина jquery?

0 голосов
/ 11 ноября 2018

Я сгенерировал изображение, используя библиотеку html2canvas, и теперь я пытаюсь использовать плагин лупы jquery ( zoomple ). Он отлично работает, когда я даю ему ссылку на статическое изображение, но я хочу, чтобы он увеличить динамически сгенерированное изображение, которого нет :(

Html 

   <a class="zoomple"> </a>

Jquery 

 html2canvas(document.querySelector(".canvas-container"),{scale: 2}).then(function (canvas){
    var img = new Image();
    var img_url = canvas.toDataURL("image/png");
    img.src = canvas.toDataURL("image/png");


    $(".zoomple").attr('href',img_url);

    document.getElementsByClassName('zoomple')[0].appendChild(img);

        $('.zoomple').zoomple({ 
        offset : {x:-150,y:-150},
        zoomWidth : 300,  
        zoomHeight : 300,
        roundedCorners : true
      });

    });
...