Я работаю с html2canvas и мне нужно захватить текст в текстовой области. В начале это был не захват текста вообще. Затем я помещаю тег textarea в другой div и пытаюсь записать этот div с текстом в textarea. Это сработало. не знаю как
но это не работает на IPhone. Я изменил версию html2canvas на более старую версию (0.5.0-alpha1). Это работало для той версии, но не работало для последней версии на iPhone.
Мне нужно использовать последнюю версию, потому что у меня есть еще кое-что, что не поддерживается более старой версией.
Это ссылка Вот код
Теперь приведенный ниже код работает для 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>
1010 * 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');
}
});
}