Skip to main content
F
futuremotion6798557
Inspiring
June 20, 2023
Answered

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

  • June 20, 2023
  • 2 replies
  • 5725 views

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


This topic has been closed for replies.
Correct answer Sergey Osokin

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) {}

 

2 replies

Sergey Osokin
Sergey Osokin
Inspiring
June 21, 2023

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.

    F
    futuremotion6798557Author
    Inspiring
    June 21, 2023

    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
    Sergey OsokinCorrect answer
    Inspiring
    June 22, 2023

    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) {}

     

      femkeblanco
      femkeblanco
      Legend
      June 20, 2023

      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?  

      F
      futuremotion6798557Author
      Inspiring
      June 20, 2023

      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
      femkeblanco
      Legend
      June 21, 2023

      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);
}

       

        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices