Resize Image script

[shahidr100]

I have several images in my document. My document width is 80mm.

I have lots of images to be placed.

I have created an object style which resizes the image frame to 80mm and fit the content proportionally.

Issue is that there is no option in object style to resize it proportionally height wise.

Is there any script which takes the dimensions of the image and then size is widthwise to 80mm and changes its height proportionally ?

Thanks

[shahidr100]

I have written this script which seems to be working. I need tips to make this script better. Like I have hardcoded 80mm as my final width in the code. How to make it more dynamic?

var frame = app.activeDocument.selection[0];
var b = frame.geometricBounds;

//Record Original width and height
var origWidth = b[3]-b[1];
var origHeight = b[2]-b[0];

//Find the percentage change
//80mm is the new width

percentChange = ((80-origWidth)/origWidth)*100;

wChange = origWidth + (origWidth*(percentChange/100));
hChange = origHeight + (origHeight*(percentChange/100));


// Resize the frame
    frame.geometricBounds = [
        frame.geometricBounds[0], // Top coordinate
        frame.geometricBounds[1], // Left coordinate      
		frame.geometricBounds[0] + hChange, // Bottom coordinate
        frame.geometricBounds[1] + wChange // Right coordinate
    ];

frame.fit(FitOptions.PROPORTIONALLY);

[rob day]

My document width is 80mm.

Hi @shahidr100 , If you are trying to set the frame to fill your document page, you can get the parent page’s bounds rather than hard coding a number. Something like this:

var frame = app.activeDocument.selection[0];
//set the frame’s bounds to match its parent page bounds
frame.geometricBounds = frame.parentPage.bounds
frame.fit(FitOptions.PROPORTIONALLY);

[shahidr100]

Hi Rob
Thanks for the reply.

Actually I am working on a long document with letter-half size.
I have given a margin of .75" all sides. Effective size for text to flow is 4 inches.

Text flow is fine. Some topics require images in between the text.

I want to place the image and run the script to resize its width to 4" and anchor it or use inline anchor.

The script will also apply an object style named "picture".

I am using this code to achieve that:

//Apply an object style to the selection
frame.applyObjectStyle(app.activeDocument.objectStyles.itemByName("picture"));

I have used your code. Its maximizing the image to the document size. I want it to be exactly the margin size. 4" in this case.

Secondly, I wanted to apply a single undo system using the doScript method which is not working.

[rob day · Accepted solution]

This sets the image frame to the page margins. To use doScript you have to wrap your code in a function and call the function in the doScript method. For getting and setting styles I call a separate function that checks if the style I’m creating already exists—makeObjStyle():

app.doScript(fitImage, ScriptLanguage.JAVASCRIPT, undefined, UndoModes.ENTIRE_SCRIPT, 'Fit Image');



function fitImage(){
    app.activeDocument.zeroPoint = [0,0]; 

    //makes a new style or uses the picture style if it already exists
    var oStyle = makeObjStyle(app.activeDocument, "picture")
    
    //a selected frame
    var frame = app.activeDocument.selection[0];

    //gets the page bounds and the top margin assumes margins are equal
    var pb = frame.parentPage.bounds;
    var m = frame.parentPage.marginPreferences.top;

    //set the frame’s bounds to the margins
    frame.geometricBounds = [pb[0]+m, pb[1]+m, pb[2]-m, pb[3]-m];

    //fit the image and then the frame to the image
    frame.fit(FitOptions.PROPORTIONALLY);
    frame.fit(FitOptions.FRAME_TO_CONTENT);

    frame.appliedObjectStyle = oStyle;
}


/**
* Makes a new named ObjectStyle or returns an existing style 
* @ param the document to add the style to 
* @ param style name 
* @ return the new object style 
*/
function makeObjStyle(d, n){
    if (d.objectStyles.itemByName(n).isValid) {
        return d.objectStyles.itemByName(n);
    } else {
        return d.objectStyles.add({name:n});
    }
}

[shahidr100]

@rob day Thank you so much. It worked.

[shahidr100]

@rob day Hi Rob

Just one issue which I noticed. Nothing major. I am attaching 3 photos. Before, after and Should_be.

There should not be any space before the "After" image. My final result should be like  "should_be" image.

Thanks

[rob day · Accepted solution]

Try adding this at the end:

frame.move([m,m]);

[shahidr100]

Thanks. It worked.

[dublove]

Hi @shahidr100 @rob day 

What was the final script?
Can you share a complete one?

Can your script make any image scale isometrically to fit the column width, or typearea width?

[shahidr100]

@dublove Sorry for late response.

Here is the final script.

app.doScript(fitImage, ScriptLanguage.JAVASCRIPT, undefined, UndoModes.ENTIRE_SCRIPT, 'Fit Image');

function fitImage(){
app.activeDocument.zeroPoint = [0,0];

//makes a new style or uses the picture style if it already exists
var oStyle = makeObjStyle(app.activeDocument, "picture")

//a selected frame
var frame = app.activeDocument.selection[0];

//gets the page bounds and the top margin assumes margins are equal
var pb = frame.parentPage.bounds;
var m = frame.parentPage.marginPreferences.top;

//set the frame’s bounds to the margins
frame.geometricBounds = [pb[0]+m, pb[1]+m, pb[2]-m, pb[3]-m];

//fit the image and then the frame to the image
frame.fit(FitOptions.PROPORTIONALLY);
frame.fit(FitOptions.FRAME_TO_CONTENT);

frame.appliedObjectStyle = oStyle;
}

/**
* Makes a new named ObjectStyle or returns an existing style
* @ param the document to add the style to
* @ param style name
* @ return the new object style
*/
function makeObjStyle(d, n){
if (d.objectStyles.itemByName(n).isValid) {
return d.objectStyles.itemByName(n);
} else {
return d.objectStyles.add({name:n});
}
}

Isometric scaling is not available in the script.

[dublove]

How to make an image isometric scaling  with width,

1.  Fit   to columns

2. Fit to  margins

3. Fit to typearea