在线表格-我被困住了

Question

我作为一名学生在大学工作，目前的任务是创建一个在线表格，盲人也可以阅读。由于某些PDF文件在无障碍获取方面存在问题，因此我创建了HTML页面，您可以在其中直接填写文档。更改后，您可以下载或打印文档。

到目前为止，一切都很好，但是在这里我被困住了。当我要下载文档时，我的文件名非常隐秘，没有文件结尾。我想将文件另存为图像到我的计算机。

第二个问题：有些表格有一页以上，所以我想连续放置它们。如果我只是复制并粘贴该类，它将显示该页面，但它将与另一个页面重叠。另外，如果我单击下载或打印，则只需一页。

这是我用来保存更改后的HTMl图像的saveCanvas（）函数：

<script>

function saveCanvas(){
html2canvas(document.querySelector("page")).then(
    canvas => {
    // document.body.appendChild(canvas)
    var image = canvas.toDataURL("image/png").replace("image/png","image/octet-stream");
    window.location.href=image;
});}

</script>

我尝试了很多东西和图书馆，但是现在我真的很受困扰，也许有人可以帮助我。是否有更好的解决方案，例如与我的概念相同的预制在线表格？ 感谢您的帮助。