Import PDF in A4 format for better export experience

[tobias0409]

Is your feature request related to a problem? Please describe. I want to import an A4 PDF file into js-draw. Each page should be automatically scaled to fit perfectly on an A4 page when I export the Markdown file to a PDF (via Joplin?).

Describe the solution you'd like The end result should be a nice, annotated PDF. Each PDF page should be exactly one page when exported after editing. Assuming that the imported PDF was also A4 should make it easier?

Additional context As a computer science student, I often have exercise sheets in PDF format with tables to fill in or blank areas for calculations. It would be great to import the PDF file, make the changes and then export it as the same PDF file as before.

[personalizedrefrigerator]

Fixing this issue through js-draw or the Joplin plugin

Here are a few possible approaches for fixing this issue:

• (Via Joplin): Support inserting each PDF page as a cropped view of the same resource.
  • This could be done by inserting multiple <img tags into the Joplin markdown source, cropping each with the style attribute.
  • Issue: Moving PDF pages in the js-draw canvas after import would break the cropped views.
• Finish implementing and merge https://github.com/personalizedrefrigerator/js-draw/pull/67.
  • This would not allow mixing Joplin text content with js-draw drawings, but would allow editing arbitrary PDFs in js-draw without the need for import/export.
  • Issue: Exporting the containing note to PDF from Joplin would show only the first page (as is done with other embedded PDFs). The PDF, however, could be saved/exported separately.
• (Partial fix) Implement multi-page printing with ctrl-p.
  • I suspect that this would be the simplest to implement of the approaches listed here.

Workaround

The end result should be a nice, annotated PDF. Each PDF page should be exactly one page when exported after editing. Assuming that the imported PDF was also A4 should make it easier?

In the markdown editor, provided that the js-draw image is perfectly cropped to the original PDF pages, it should be possible to export to PDF by adding the following CSS to the end of a note, then exporting the note to PDF:

<style>
    /* Assumes that the Joplin note contains a single image */
    img { width: 100vw; }
    @page {
        size: auto; /* Change this to a4 or letter to match the original document size. */
        margin: 0;
    }
    * {
        margin: 0 !important;
        padding: 0 !important;
    }
</style>