How save a long canvas as a square image?

MIT App Inventor Help
, ,
#1

Hello everybody,

I have a very long canvas (say 200x1800 pixels) that I have put it in a HorizontalScrolableArrangement. It is a graph of data recordings.

It works OK and when I want to save it as an image, I use "canvas1 save as" method. This step also works alright and the image is saved.

But, I am thinking of how to cut the very long canvas (or image) and divide it to three parts, then put the parts above each other; to have a more or less square image.

Is there a trick to do that?

Thanks for your help,
Sirous

#2

See HERE for "chunking your image"

1 Like
#3

I haven't tested this, but you should be able to do this without an extension. See Canvas.aia (2.8 KB)

#4

Must be very close to what I want. But how should I re-arrange the chunked images and attach them together?

#5

I should test. I didn't exactly understand how it works.

#6

Whilst the image extension provides a method for chunking an image into pieces, I am still not sure how you expect a combination of these image to become square, from a very long rectangle. You might want to show an example of what you mean....

#7

It uses another canvas to crop the image

#8

something like this:

2020-10-07 232025-Long
2020-10-07 232025-Long3000×393 1.15 MB

to this:

Untitled-1
Untitled-12000×2000 2.41 MB

#9

OK, sorry, should have read your first post more closely: HORIZONTAL Scrolling Arrangment :wink:

Just use three (or more...) suitably sized and laid out image components to display your output

#10

Upload an aia and I might be able to implement this for you tonight.