Jquery chrome上的html2Canvas问题

我正在做一个小项目，将用户输入的内容作为照片，然后将图像转换成拼贴。该项目在mozilla和safari上运行良好，但在chrome上有时会中断

以下是我为实现这一目标所采取的步骤

使用上载的文件创建html模板并附加到其中 多姆

使用html2canvas库，我将html模板转换为 画布，获取dataURL并将其发送到服务器

代码片段

$(".upload-box" ).each(function(index,value) 
     {
      var image_src = $(this).find("img").attr("src");
      var caption =  $(this).find("#caption > input").val();

      if(image_src && image_src.length)
      {
         var card_class = "pcard"+index;
         var card = '<div class="'+card_class+'">'+     
            '<div class="ptape">'+
            '<img src="'+tape_image+'" />'+  
            '</div>'+ 
            '<div class="pimg">'+
            '<img src="'+image_src+'" />  </div>'+
            '<div class="pcaption">'+caption+'</div>'+
            '</div>';

        $('.pholder').append(card);

        }

        });

负责将HTML模板转换为画布

因此，第二部分在chrome中大多数情况下不起作用，即画布上的渲染没有正常进行，但在mozilla和safari上效果很好

---

奇怪的是，当我在本地Web服务器上运行execute时，它在chrome上也能正常工作，但在生产服务器上运行时，它不能正确地在画布上渲染，但是，这只是一个纯客户端javascript，我不知道它失败的原因。

你解决过这个问题吗？不，我不知道解决方案只是在服务器端完成拼贴这一重大步骤。我担心我也会这样做。你解决过这个问题吗？不，我不知道解决方案最终采取了在服务器端制作拼贴的激烈步骤。我担心我最终也会这么做。

                html2canvas($(".pholder"), {
                onrendered: function(canvas) {

                var photo = canvas.toDataURL('image/png');

               //make an ajax call to save photo

            }
        });