Question

我正在使用html2canvas，我需要捕获文本区域中的文本。首先，它根本不捕获文本。然后，我将textarea标记放入另一个div中，并尝试使用textarea中的文本捕获该div。有效。不知道如何但无法在iPhone上使用。我将html2canvas的版本更改为旧版本（0.5.0-alpha1）。它适用于该版本，但不适用于iPhone上的最新版本。我需要使用最新版本，因为还有其他一些旧版本不支持的工作。这是link，下面是代码

现在以下代码适用于Windows，Android，但不适用于iPhone

HTML

<div style="position: relative; background-color:transparent; height:386px; width:100%; margin:auto;" id="textarea">
  <textarea style="height:386px; width:100%; z-index:10;" type="text" name="affirm" id="affirmbox" class="box" placeholder="Enter your note here ..."></textarea>
    <div id="mark">
    </div>
</div>

jQuery

textarea = $("#textarea").get(0);
html2canvas(textarea,{backgroundColor: null,allowTaint: false,scale:3}).then(function(canvas) {
      data = canvas.toDataURL('image/jpeg');
      $(textarea).find('textarea').css('width','100%');
      $(textarea).filter('#textarea').css('width','100%');
     save_img(data);
    });
function save_img(data){
          $.post('save.php', {data: data}, function(res){
            if(res != ''){
                var link = document.createElement('a');
                link.href = 'images/'+res+'.jpg';  // use realtive url
                link.download = 'images/'+res+'.jpg';
                document.body.appendChild(link);
                link.click();
            }
            else{
              alert('something wrong');
            }
          });
        }

如何使用html2canvas从iPhone的textarea捕获文本

0 个答案: