将整个页面转换为图像

时间:2018-08-28 18:42:52

标签: angular html5 typescript

我试图找到一种将整页图像转换为图像的方法。

我正在使用6 +打字稿。

发现了类似的问题,但每个人都在努力使用html2canvas。

有没有一种方法可以不使用html2canvas之类的实验库?

如果可能的话,我宁愿完全不使用外部库。

window.print()中出现的内容很完美,有没有办法使用它?

我要传输到图像的元素,然后将其发送到webapi服务器:

<div class="page-wrapper" id="orderPage">
<br>
<div>
    <br>
    <h2 class="center font-weight-bold">Title</h2>
    <br>
</div>
<div *ngIf="!isLoaded">Loading...</div>
<div *ngIf="isLoaded">
    <table class="font-weight-bold">
        <tr>
            <td class="table-50">
                <div class="right">Full Name</div>
                <span class="block padding-right-10">
                    <input class="input-100 right" type="text" id="name" placeholder="Insert Name">
                </span>
            </td>
            <td class="table-50">
                <div class="right">Phone:</div>
                <span class="block padding-right-10">
                    <input class="input-100 right" type="number" id="phone" placeholder="Insert Phone">
                </span>
            </td>
        </tr>
    </table>
</div>

0 个答案:

没有答案