Need a script to resize a selection to an arbitrary size, by it's longest dimension (W/H).

[futuremotion]

Hi all,

I have a request if anyone could possibly help me here. I don't know ExtendScript that well, otherwise I would do this myself.

I'm trying to make a set of "Quick Resize" scripts that I can assign to hotkeys to easily resize a selection. Right now I'm using actions:

 

The problem is that my actions aren't aware of the aspect ratio of the selection and won't resize by the largest axis.

However, there is a script available by the amazing Sergey Osokin. It's called ResizeToSize. It does exactly what I need ... but with a lot more options. It's an amazing script, but for the sake of my workflow, I want to create derivitives of this script that resize to specific hardcoded values so I can skip the initial dialog.

I'm going to give it a shot, to see if I can hack something together from his script, but I have low expectations of success. 😞

If anyone here happens to be an ExtendScript kung-fu master and can do this for me, I'd be eternally grateful.

Thanks much,
Jay

[femkeblanco]

For one selected item:

var input = 28;  // desired size in points
var doc = app.activeDocument;
var target = doc.selection[0];
var f = Math.min(input / target.width * 100,  input / target.height * 100);
target.resize(f, f);

For one or more selected items:

var input = 28;  // desired size in points
var doc = app.activeDocument;
var target = doc.groupItems.add();
for (var i = 0; i < doc.selection.length; i++) {
    doc.selection[i].moveToEnd(target);
}
var f = Math.min(input / target.width * 100,  input / target.height * 100);
target.resize(f, f);
for (var i = target.pageItems.length - 1; i > -1 ; i--) {
    target.pageItems[i].moveAfter(target);
}

NB. Both snippets leave the question of what to do with strokes: Should stroke width resize too? Should stroke width be included in item width?  

[futuremotion]

Awesome, thank you so much.

As far as strokes:

1. Strokes should resize too.
2. Stroke width should contribute to the item size.

Basically, all "visible" content (stroke or fill) should count for item width.

[femkeblanco]

This should also resize the stroke width proportionally and consider the visible bounds including the stroke width.  I believe the math is correct, although I haven't tested it extensively. 

var input = 28; // desired size in points
var doc = app.activeDocument;
var target = doc.groupItems.add();

for (var i = 0; i < doc.selection.length; i++) {
    doc.selection[i].moveToEnd(target);
}

var w1 = target.visibleBounds[2] - target.visibleBounds[0];
var h1 = target.visibleBounds[1] - target.visibleBounds[3];
var w2 = target.geometricBounds[2] - target.geometricBounds[0];
var h2 = target.geometricBounds[1] - target.geometricBounds[3];

var f1 = Math.min(
    input / (target.width + (w1 - w2)),
    input / (target.height + (h1 - h2))
);
var f2 = Math.min(
    (input - ((w1 - w2) * f1)) / target.width,
    (input - ((h1 - h2) * f1)) / target.height
);
target.resize(f2 * 100, f2 * 100, true, true, true, true, f1 * 100);

for (var i = target.pageItems.length - 1; i > -1; i--) {
    target.pageItems[i].moveAfter(target);
}

[Sergey Osokin]

I have a simpler script for scaling to the larger side https://github.com/creold/illustrator-scripts/blob/master/md/Item.md#resizeonlargerside. If you enable Preferences > General > Use Preview Bounds, the overall dimensions of the object will be measured when scaling. If this script works for you, I can remove the size input and replace it with your default values.

[futuremotion]

Woohoo! Thank you so much. And yes, that script works perfectly. I'd like the following defaults if you don't mind:

8px
16px
24px
28px
32px
64px

 If there is any way you can just give me un-obfuscated script where I can change the values myself, that would be much better. Or just un-obfuscate the part where you set the value and keep everything else scrambled.

I would join your Telegram, but I don't have a mobile phone/number unfortunately. Do you have a discord?

Thanks so much again,
Jay

[futuremotion]

Actually, I didn't realize the script was already un-obfuscated - I think I can manage to work with this script myself and create the correct changes.

All I need to do is change this:

var newSize = prompt('Enter the size on the larger side (' + CFG.units + ')', CFG.size);

To:

var newSize = 16;

Where 16 is the size I want.

Correct? Or am I missing something?
 
Edit1: Unfortunately that didn't work. 😞 Wondering why.
Edit2: Got it to work, the rest of the code was expecting the value as a string.

So I just updated the code to:

var newSize = '16';

[Sergey Osokin · Accepted solution]

Save multiple script files with the desired CFG.size values: 8, 16, etc. This version without value input. Or maybe the version already written by femkeblanco is enough for you. My version takes into account the size of text objects and clipping groups.

/*
  Resize each object to a specified size on the larger side
  Discussion: https://community.adobe.com/t5/illustrator-discussions/need-a-script-to-resize-a-selection-to-an-arbitrary-size-by-it-s-longest-dimension-w-h/m-p/13883217#M371020
  Author: Sergey Osokin, email: hi@sergosokin.ru
  Based on https://github.com/creold/illustrator-scripts/blob/master/md/Item.md#resizeonlargerside
*/

//@target illustrator
app.preferences.setBooleanPreference('ShowExternalJSXWarning', false); // Fix drag and drop a .jsx file

function main () {
  var CFG = {
        size: 16, // Default
        units: getUnits(), // Active document units
        isBounds: app.preferences.getBooleanPreference('includeStrokeInBounds')
      };

  if (!documents.length) {
    alert('Error\nOpen a document and try again');
    return;
  }

  if (!selection.length || selection.typename == 'TextRange') {
    alert('Error\nPlease select atleast one object');
    return;
  }

  // Scale factor for Large Canvas mode
  CFG.sf = activeDocument.scaleFactor ? activeDocument.scaleFactor : 1;
  var newSize = convertUnits(CFG.size, CFG.units, 'px') / CFG.sf;

  for (var i = 0, len = selection.length; i < len; i++) {
    var item = selection[i],
        bnds, width, height, largeSide, ratio;

    // Calc ratio
    if (isType(item, 'text')) {
      var txtClone = item.duplicate(),
          txtOutline = txtClone.createOutline();
      bnds = CFG.isBounds ? txtOutline.visibleBounds : txtOutline.geometricBounds;
      txtOutline.remove();
    } else if (isType(item, 'group') && item.clipped) {
      bnds = CFG.isBounds ? getMaskPath(item).visibleBounds : getMaskPath(item).geometricBounds;
    } else {
      bnds = CFG.isBounds ? item.visibleBounds : item.geometricBounds;
    }

    width = Math.abs(bnds[2] - bnds[0]);
    height = Math.abs(bnds[3] - bnds[1]);
    largeSide = Math.max(height, width);
    ratio = 100 / (largeSide / newSize);

    item.resize(ratio, ratio, true, true, true, true, ratio);
  }
}

// Get active document ruler units
function getUnits() {
  if (!documents.length) return '';
  var key = activeDocument.rulerUnits.toString().replace('RulerUnits.', '');
  switch (key) {
    case 'Pixels': return 'px';
    case 'Points': return 'pt';
    case 'Picas': return 'pc';
    case 'Inches': return 'in';
    case 'Millimeters': return 'mm';
    case 'Centimeters': return 'cm';
    // Added in CC 2023 v27.1.1
    case 'Meters': return 'm';
    case 'Feet': return 'ft';
    case 'FeetInches': return 'ft';
    case 'Yards': return 'yd';
    // Parse new units in CC 2020-2023 if a document is saved
    case 'Unknown':
      var xmp = activeDocument.XMPString;
      if (/stDim:unit/i.test(xmp)) {
        var units = /<stDim:unit>(.*?)<\/stDim:unit>/g.exec(xmp)[1];
        if (units == 'Meters') return 'm';
        if (units == 'Feet') return 'ft';
        if (units == 'FeetInches') return 'ft';
        if (units == 'Yards') return 'yd';
        return 'px';
      }
      break;
    default: return 'px';
  }
}

// Convert units of measurement
function convertUnits(value, currUnits, newUnits) {
  return UnitValue(value, currUnits).as(newUnits);
}

// Check the item typename by short name
function isType(item, type) {
  var regexp = new RegExp(type, 'i');
  return regexp.test(item.typename);
}

// Get clipping path in group
function getMaskPath(group) {
  for (var i = 0, len = group.pageItems.length; i < len; i++) {
    var item = group.pageItems[i];
    if (isClippingPath(item)) return item;
  }
}

// Check clipping property
function isClippingPath(item) {
  var clipText = (isType(item, 'text') &&
    item.textRange.characterAttributes.fillColor == '[NoColor]' &&
    item.textRange.characterAttributes.strokeColor == '[NoColor]');
  return (isType(item, 'compound') && item.pathItems[0].clipping) ||
    item.clipping || clipText;
}

try {
  main();
} catch (e) {}

[futuremotion]

Thank you very much Sergey, that should do it.