How to tile multiple objects at equal intervals but with varying widths to fit the page layout?

Question

The graphics are of different sizes, but I want to fill the page with 3mm spacing between them. They only need to be the same height, not the same width.
No code needed—just give me a suggested algorithm.
For example, if the page width is 170;

// Spacing
var csp=3;
// Number of columns
var cn=2
w1+w2+w3+3*2=170
h1=h2=h3;

But since both the height and width are unknown, does this mean I have to keep trying different values?

If that really doesn't work, I think allowing the last shape to be cropped might be easier to implement.

Do I need to loop multiple times to scale?
This feels really slow.

Thank you .

m1b · Answer

The algorithm could be like this:Calculate the ratio of frame heights. First frame is 1 (no measurement needed), all subsequent frames ratio = 1 divided by its height. Call this variable S1, S2 etc.Work out the currentTotalWidth. W1*S1+ W2*S2+ W3*S3 …+ GAP * frame count -1.Work out the total scale factor required so that the currentTotalWidth == desiredWidth, which is the page width minus left and right margins. Formula is:SCALE = desiredWidth divided by currentTotalWidth.Scale each frame like this:scale frame 1 by S1*SCALE,frame 2 byS2*SCALE,frame 3 by S3*SCALE, etc.Then position them, starting on the left margin position, and frame 2 would be at W1+GAP, and frame 3 would be at W2+GAP, etc. Position vertical so all frames top matches frame 1.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded