Printable graphic needed: Processed graphic doesn't fit canvas (SVG export doesn't work as either)

p5.js Libraries
1

Hi there,

I am totally new to p5.js and I need this for my master thesis. I had this concept for a book that has some illustrations made with generated design.

For example this code.

Maybe someone can help to fit this graphic into a bigger canvas so I can geht a better result when saving it as a graphic from Firefox. If the SVG thing won’t happen.

Old Text starts here

I use sublime as an editor and there is a function for creating a png when pushing the Ctrl button. But the resolution isn’t high enough. SVG or vector PDf would be perfect, but every tutorial and library I found doesn’t work with that code. What am I doing wrong? I really need this, the time is running and I am sitting for hours figuring out how to get a better result than a 72 dpi screenshot.

I trid:
p5.svg.js
basil.js
jspdf.js
Printing as PDF from browser
Zooming in in browser and making screenshot

I was on this page.

But I can’t figure it out. Please help me. What do I have to do?

Thanks a lot!

1 Like
2

Hey there optimaprima,

The visual result of the code looks nifty design wise! :+1:

I never used Processing or P5 to export for print, but I remember a post where someone asked how to save images with a higher dpi where jbum explains various ways to do so. Do any of his suggestions help?

3

Hey There!

Not at the computer currently but did you try just to set the size of the canvas ambiguously large and do save() ?

4

Hi, yes I tried but this code doesn‘t fit to it. It stays small. I tried also to rise the font size but something stops it to just get bigger.

5

Thank you Tiemen! I will try this after work. Hopefully I can implement this in p5.js

6

Hey There!

There does seem to be a way using pure JS

7

There is also a tutorial on print

8

Thank you for all suggestions, I can’t figure it out and had to look for an other solution. But I realy will try this out after I finished my master, the time is running.

2 Likes
9

Too bad the suggestions didn’t work out with the limited time you had. Adjusting your choices when the deadline is drawing closer is a common problem within many design processes though :stuck_out_tongue_winking_eye:

Keep us posted when you pick it up again and good luck with graduating!

1 Like