требуется сделать proof-of-concept: редактор позволяющий разместить картинку (png/svg) на pdf.js сверху
на vue.js и отправить на сервер загруженный пдф, картинку, и координаты размещенной картинки (чтобы на сервере можно было смерджить эти два файла в новый pdf)
интерфейс редактора: два input[type=file] - первый для аплоада pdf, второй для аплоада картинки для размещения на pdf
при загрузке пдф каждая страница пдф рендерится в свой div/canvas
клик на определенном канвас предлагает загрузить картинку "подписи" (png с прозрачностью).
размещенную картинку можно двигать по странице.
https://i.imgur.com/8BsM7Fd.png (соответственно dragndrop обновляет координаты в стейте компонента vue)
на сервер надо через POST отправлять данные в формате
{
pdf: "base64/xxx",
signatureImages: ["base64/xxxx:xxxx"],
placements: [
{ signature: 0, pageNumber: 2, x: 453, y: 33, scale: 0.46 },
{ signature: 0, pageNumber: 3, x: 553, y: 33, scale: 0.46 },
]
}