Preview VS Export
Posted: Mon Oct 29, 2018 3:01 pm
Hi there,
i am doing my first steps and am in love with livecode already. i am working on my little project and need some strategic/logic input from you.
What i have: I have a group "Canvas", where two images are loaded "BackgroundImage" and "OVL" (which is a png with transparency - as overlay). I have a scrollbar which works to scale the image and i can drag the "BackgroundImage" around. With a button i can export the group as jpg. This is nice so far.
The idea behind the app is to have different canvases in the sizes of instagram-, facebook-, youtube-,... -post images. i want to load an image "BackgroundImage" which i scale and position the way that it looks nice on each canvas with the added overlay image. then i want to output all the files (for example FB-PostImage, IG-PostImage,...) with one button.
What goes through my brain at the moment is the following: My app will have a fixed size and i will have some kind of "Preview-Canvas" where the work is done. I will have buttons where i can switch canvasses. These will be smaller than the final image size but have the right aspect ratio of the image to be exported. For example my instagram canvas could be 400x400 pixels but the exported image will be lets say 1000x1000 (my loaded image is minimum this size or larger). of course i want to keep the original image-quality.
This is where my brain is stuck and hopes for your input. How can i create a preview-canvas to work on and export images in a larger size without loosing quality. My guess is to create some kind of an invisible export-canvas, which uses the export image dimensions and when i am done scaling and positioning in the preview, the export comes from the invisible export-canvas (which was manipulated by everything i did in the preview-canvas). Does this make any sense or do i need a different approach?
Have a nice day, you out there!
i am doing my first steps and am in love with livecode already. i am working on my little project and need some strategic/logic input from you.
What i have: I have a group "Canvas", where two images are loaded "BackgroundImage" and "OVL" (which is a png with transparency - as overlay). I have a scrollbar which works to scale the image and i can drag the "BackgroundImage" around. With a button i can export the group as jpg. This is nice so far.
The idea behind the app is to have different canvases in the sizes of instagram-, facebook-, youtube-,... -post images. i want to load an image "BackgroundImage" which i scale and position the way that it looks nice on each canvas with the added overlay image. then i want to output all the files (for example FB-PostImage, IG-PostImage,...) with one button.
What goes through my brain at the moment is the following: My app will have a fixed size and i will have some kind of "Preview-Canvas" where the work is done. I will have buttons where i can switch canvasses. These will be smaller than the final image size but have the right aspect ratio of the image to be exported. For example my instagram canvas could be 400x400 pixels but the exported image will be lets say 1000x1000 (my loaded image is minimum this size or larger). of course i want to keep the original image-quality.
This is where my brain is stuck and hopes for your input. How can i create a preview-canvas to work on and export images in a larger size without loosing quality. My guess is to create some kind of an invisible export-canvas, which uses the export image dimensions and when i am done scaling and positioning in the preview, the export comes from the invisible export-canvas (which was manipulated by everything i did in the preview-canvas). Does this make any sense or do i need a different approach?
Have a nice day, you out there!