Я работаю в университете в качестве студента, и моя текущая задача - создать онлайн-форму, которая также будет доступна для слепых людей. Поскольку некоторые PDF-файлы имеют проблемы с безбарьерным доступом, я создал страницу HTML, где вы можете напрямую заполнить документ. После внесения изменений вы можете скачать или распечатать документ.
Пока все хорошо, но здесь я застрял. Когда я хочу загрузить документ, у меня очень криптовое c имя файла без окончания файла. Я хочу сохранить файл как изображение на моем компьютере.
Вторая проблема: некоторые формы имеют более одной страницы, поэтому я хочу, чтобы они были в ряд. Если я просто скопирую и вставлю класс, он отобразит страницу, но перекрывает другой. Кроме того, если я нажимаю на кнопку «загрузить» или «распечатать», она занимает только одну страницу.
Вот функция saveCanvas (), которую я использовал для сохранения изображения измененного HTMl:
<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>
Я пробовал так много вещей и библиотек, но теперь я действительно застрял, может быть, кто-то может мне помочь. Возможно, есть лучшие решения, такие как готовые онлайн-формы с такой же концепцией, как у меня? Спасибо за вашу помощь.