NosovK

Наверное можно воспользоваться CSS3. Уже работает grid layout, которым вполне можно сделать masonry без js.
Примеры: https://pond.co.ua
+ Есть много демок на codepen: https://codepen.io/balazs_sziklai/pen/mOwoLg

мы до появления css grid на flexbox делали masonry, но это на них можно сделать его только если зафиксировать или ширину или высоту у всех элементов.

Есть два пути. Простой:
Делать страничку с версией для печати и вызывать window.print(). Chrome,ie etc предлагают печатать в PDF. Главное чтобы версия для печати была опрятной. Это простой путь.
Сложный: нарисовать PDF при помощи js.
https://github.com/MrRio/jsPDF
Логика очень схожа с логикой работы с canvas. Поэтому можно рисовать что-уже сложное, но затратно по времени. Мы как то делали отчёты в PDF - много времени ушло на прорисовку табличек таким образом.