: Illustrator script - create objects, rotated and centred with a selected object Edit: Oops, it's working! It seems that the problem has been solved by loading the updated script via File /

@Bryan765

Posted in: #AdobeIllustrator #IllustratorScripting

Edit:

Oops, it's working!
It seems that the problem has been solved by loading the updated script via File / Script / Other File... option. Before the stroke width change wasn't affecting the result. I guess it was some caching. I'll post the answer anyway, maybe it will be useful for someone.

Original question:

The purpose of the following Illustrator JavaScript is to create a rotated rectangle that spans the selected line and place these object in the middle of it:


a small circle
a vertical line rotated the same way as the rectangle
a vertical line rotated the same way as the rectangle


I'm doing it by rotating the selected line with a reversed angle, creating objects and rotate everything back.

The problem is that the objects are not centered, as you can see below. It seems that the degree of misalignmet depends on a with of the selected line, but even with a zero width there is a problem. I tried to apply a zero width stroke to each object but it doesn't seem to work. They have some predefined width that I don't know how to change. Please help.


#target Illustrator

// Define the new color 1
var newRGBColor = new RGBColor();
newRGBColor.red = 255;
newRGBColor.green = 0;
newRGBColor.blue = 0;
app.activeDocument.defaultFillColor = newRGBColor;

// Define the new color 2
var newRGBColor_Green = new RGBColor();
newRGBColor_Green.red = 0;
newRGBColor_Green.green = 255;
newRGBColor_Green.blue = 0;

// Define the new color 3
var newRGBColor_Black = new RGBColor();
newRGBColor_Black.red = 0;
newRGBColor_Black.green = 0;
newRGBColor_Black.blue = 0;

var idoc = app.activeDocument;
// This doesn't seem to work
idoc.defaultStrokeWidth = 55;

// My desired angle
var ang = 11.947;


// Stroke withs and element sizes.
// 1 point = 1p = 1/2660 m = 0.37594 mm
var ellRadius = 0.566/2.0/0.37594;
var ellDiameter = ellRadius*2.0;
var ellStrokeWidth = ellRadius/10.0;
var zeroStrokeWidth = 0.0001;
var defaultStrokeWidth = ellRadius;


var mySelection = new Object;

// Get active selection
selections = idoc.selection;

for(i=0;i<selections.length;i++)
{
mySelection = idoc.selection[i];

mySelection.rotate(-ang);

var newRectWidth = mySelection.width; // width is Geometric width, so we need to make it smaller...to accomodate the visible portion.
var newRectHeight = mySelection.height;
var newRectTop = mySelection.top; // Top is actually Visible top
var newRectLeft = mySelection.left; // dito for Left

mySelection.rotate(ang);
//mySelection.remove();container.pathItems. (top, left, width, height, undefined, true);

// Create a rectangle
var rect1Full = idoc.pathItems.rectangle(newRectTop, newRectLeft, newRectWidth, newRectHeight);
rect1Full.strokeWidth = zeroStrokeWidth;
rect1Full.strokeColor = newRGBColor; // defined above
rect1Full.fillColor = new NoColor();
rect1Full.rotate(ang);

// Create a vertical line (by reducing rectangle's width)
var rect2Vert = idoc.pathItems.rectangle(newRectTop, newRectLeft, newRectWidth, newRectHeight);
rect2Vert.strokeWidth = zeroStrokeWidth;
rect2Vert.width=0.0;
rect2Vert.left=rect1Full.left+rect1Full.width/2.0;
rect2Vert.strokeColor = newRGBColor; // defined above
rect2Vert.fillColor = new NoColor();
rect2Vert.rotate(ang);

// Create a horizontal line (by reducing rectangle's height)
var rect3Horiz = idoc.pathItems.rectangle(newRectTop, newRectLeft, newRectWidth, newRectHeight);
rect3Horiz.strokeWidth = zeroStrokeWidth;
rect3Horiz.height=0.0;
rect3Horiz.top=rect1Full.top-rect1Full.height/2.0;
rect3Horiz.strokeColor = newRGBColor; // defined above
rect3Horiz.fillColor = new NoColor();
rect3Horiz.rotate(ang);

// Create an ellipse
var ellip1 = idoc.pathItems.ellipse(rect1Full.top-rect1Full.height/2 +ellRadius, rect1Full.left+rect1Full.width/2.0 - ellRadius, ellDiameter, ellDiameter, undefined, true);
ellip1.strokeWidth = zeroStrokeWidth;
ellip1.strokeColor = newRGBColor_Black; // defined above
ellip1.fillColor = newRGBColor_Green;
ellip1.strokeWidth = ellStrokeWidth;

}
alert(selections.length+" objects replaced");

Vote Up Vote Down

Login to post a comment!