html2canvas, работает локально, но не работает - PullRequest
Новая
       7

html2canvas, работает локально, но не работает

0 голосов
/ 20 сентября 2018

Я работаю с html2canvas для проекта.Я динамически создаю изображения для некоторых продуктов, а затем использую html2canvas для их сохранения.Это хорошо работает на моем локальном сервере, но когда я отправил все в производство, код не работал.Я собираюсь показать вам код, прежде чем рассказывать, что происходит в производстве. 

$('.open-img-builder').click(function() {
var att = $(this);
$('#image_builder').dialog({
  autoOpen: true,
  modal: true,
  width: 1000,
  height: 600,
  title: 'Build Image',
  buttons: {
    'Cancel': function(){
      $(this).dialog('close');
    },
    'Confirm': function(){

     html2canvas(document.getElementById('image-live')).then(function(canvas) { 
            #code here
           });
        });
      });

    }
   }
 });
  #here goes the open and close function but they're not linked with the problem
});

Я показываю изображение, которое будет сохранено в диалоговом окне, и когда пользователь нажимает кнопку «Подтвердить», оно должно быть сохранено, ноэто не то, что происходит.
Единственное, что происходит, - это то, что диалоговое окно будет дублироваться при каждом нажатии пользователем подтверждения.
У кого-нибудь возникает такая же проблема и найден ответ?

ОБНОВЛЕНИЕ1: Я простопопытался поставить «alert» сразу после «then (function ()», и ничего не происходит, поэтому я не думаю, что проблема в том, что

UPDATE2: я пытался сделать «скриншот» с html2canvasна другом случайном элементе, о документе, и ... он работал на всем, но не там, где мне нужно, чтобы он работал ...

ОБНОВЛЕНИЕ3: я только что увидел что-то. Когда я нажимаю кнопку "Подтвердить", iframeпоявляется в документе. 

<iframe class="html2canvas-container" scrolling="no" data-html2canvas-ignore="true" style="visibility: hidden; position: fixed; left: -100000px; top: 0px; border: 0px none;" width="1408" height="640"></iframe>
...