Как захватить содержимое переполнения в html2canvas? - PullRequest
Новая
       67

Как захватить содержимое переполнения в html2canvas?

0 голосов
/ 19 июня 2020

У меня div очень сильно выходит за пределы ширины экрана. Предполагая, что div имеет ширину около 1000px, и я просматриваю его на мобильном устройстве, размер которого будет около 400px. По некоторым причинам (здесь я использую изображение) я не могу настроить ширину div, что может отражать несовпадение его содержимого. При попытке захватить контент на рабочем столе это нормально, поскольку ширина рабочего стола обычно превышает 1000px. Но при попытке сделать снимок на мобильном устройстве часть справа не попадает в холст. Как лучше всего запечатлеть переполненный контент. Это будет мой html код: 

<style>
.content{
    width: 1000px;
    text-align: center;
    padding-top: 780px;
}
<div id="area">
    <img style="width: 1000px" src"/img.jpg">
    <p class="content">Content...</p>
</div>
<div id="here"></div>
<scrip>
    html2canvas(document.querySelector("#area"), {
        allowTaint: true
    }).then(canvas => {
        document.getElementById("area").innerHTML = ""
        document.getElementById("here").appendChild(canvas);
});
</script>
...