[xpmycpc]

求助，如何使用js代码把好多有规律的矩形变成由单线组成？

效果示意图如下：

行中的横线长度是整个图形的长度，竖线同上。

[jialan75]

有点难度，搞不定~~~~~~~

[4190]

这不常用的东西写代码也没有什么意思，难得用一次

[xpmycpc]

作者: xpmycpc

求助，如何使用js代码把好多有规律的矩形变成由单线组成？

效果示意图如下：

行中的横线长度是整个图形的长度，竖线同上。

经过尝试，下面的代码可以实现基本功能，但代码编写的不够严谨，存在许多问题，希望老师们能帮忙修正下
var doc=app.activeDocument.selection;
var m=doc.length;
var x=[];
var temx=[];
var temy=[];
var y=[];
var xarr=[];
var yarr=[];
var l=3*2.834546;
function positonArr(obj){ // 得到各个选择点的坐标
var m=obj.length;
while(m--){
var n=obj[m].selectedPathPoints.length;
while(n--){
temx.push(obj[m].pathPoints[n].anchor[0]);// .toFixed(1)
temy.push(obj[m].pathPoints[n].anchor[1]);
}
}
}

positonArr(doc);
x=unique2(temx);// 去重
x.sort(sortNumber);//排序,在原数组的基础上进行排序
//~ alert(x);
y=unique2(temy);
y.sort(sortNumber);//排序
//~ alert(y);
xarr=[x[0],x[x.length-1]];
yarr=[y[0],y[y.length-1]];

function sortNumber(a,b){
return a - b
}
function unique2(array){
var r = [];
for(var i = 0, l = array.length; i < l; i++) {
for(var j = i + 1; j < l; j++)
if (array[i] === array[j]) j = ++i;
r.push(array[i]);
}
return r;
}
var newLayer= app.activeDocument.layers.add();//~ 建立图层
newLayer.name='刀线'; //命名图层名字
var LINEGROUP=newLayer.groupItems.add();// 添加一个组
function line(){
for(var i=0,yl=y.length;i<yl;i++){ // 横线
drowLine(xarr[0]-l,y[i],xarr[1]+l,y[i]);
};
for(var w=0,xl=x.length;w<xl;w++){ // 竖线
drowLine(x[w],yarr[0]-l,x[w],yarr[1]+l);
};
//~ alert(x.length);
}
line();
function drowLine(x1,y1,x2,y2){
var myLine=LINEGROUP.pathItems.add();
myLine.filled=false;
myLine.stroked=true;
myLine.strokeWidth=0.3*2.834546;
myLine.setEntirePath (Array(
Array(x1,y1),
Array(x2,y2),
)
) ;
return myLine
}

[animalia]

代码中规中矩。
可优化的地方：
- 不需要记录矩形所有锚点坐标，只需要左上+右下，也即geometricBounds。
- 去重函数可以选用更高效的，搜索可得。
- 绘制线段时颜色及粗细属性可以仅设置一次，利用AI里新建对象沿袭最后属性的特点即可。或者直接duplicate也行。

另外，如果矩形大小、水平/垂直间距总是均等的话，可以通过计算直接得到相应坐标。供参考：

PHP 代码:

function drowLine(x1, y1, x2, y2, group) {
    group.pathItems.add().setEntirePath([
        [x1, y1],
        [x2, y2]
    ]);
}

function line() {
    var s = app.selection,
        n = s.length,
        d = activeDocument,
        l = 3 * 2.834546,
        w = s[0].width,
        h = s[0].height,
        rows = 0,
        columns = 0,
        gb = (app.executeMenuCommand('group'), // 编组以获取整体大小
            app.selection[0].geometricBounds),
        TW = app.selection[0].width,
        TH = app.selection[0].height,
        ox = gb[0],
        oy = gb[1],
        L = gb[0] - l,
        T = gb[1] + l,
        R = gb[2] + l,
        B = gb[3] - l,
        vg, hg, // 水平垂直间距
        x, y,
        newLayer = d.layers.add(),
        LINEGROUP = newLayer.groupItems.add(),
        i;
    newLayer.name = '刀线';
    app.executeMenuCommand('ungroup');

    for (i = 0; i < n; i++) {
        s[i].geometricBounds[0] === ox && rows++; // 若x坐标值等于整体x坐标值则行数+1
    };

    columns = n / rows;
    vg = (TH - rows * h) / (rows - 1);
    hg = (TW - columns * w) / (columns - 1);

    for (i = 0; i < rows; i++) { // 横线
        y = oy - (h + vg) * i;
        drowLine(L, y, R, y, LINEGROUP);
        drowLine(L, y - h, R, y - h, LINEGROUP);
    };
    for (i = 0; i < columns; i++) { // 竖线
        x = ox + (w + hg) * i;
        drowLine(x, T, x, B, LINEGROUP);
        drowLine(x + w, T, x + w, B, LINEGROUP);
    };

    app.selection = LINEGROUP;
    d.defaultFilled = false;
    d.defaultStroked = true;
    d.defaultStrokeWidth = 0.3 * 2.834546
}

line(); 


[xpmycpc]

作者: animalia

代码中规中矩。
可优化的地方：
- 不需要记录矩形所有锚点坐标，只需要左上+右下，也即geometricBounds。
- 去重函数可以选用更高效的，搜索可得。
- 绘制线段时颜色及粗细属性可以仅设置一次，利用AI里新建对象沿袭最后属性的特点即可。或者直接duplicate也行。

另外，如果矩形大小、水平/垂直间距总是均等的话，可以通过计算直接得到相应坐标。供参考：
function drowLine(x1, y1, x2, y2, group) {
group.pathItems.add().setEntirePath([
[x1, y1],
...

谢谢老师，给出的指导，等我对比下代码，再写出我的心得。

[luck2004]

(function (){
var tg = app.selection;
for (var i=0;i<tg.length;i++){
if (tg[i].typename!="PathItem") continue;
var ln = app.activeDocument.pathItems.add();
ln.filled = false;
ln.strokeColor = tg[i].fillColor;
if (tg[i].width>tg[i].height){
addPoint(ln, [tg[i].geometricBounds[0],
tg[i].geometricBounds[1] - tg[i].height / 2]);
addPoint(ln, [tg[i].geometricBounds[2],
tg[i].geometricBounds[1] - tg[i].height / 2]);
ln.strokeWidth = tg[i].height;
}
else{
addPoint(ln, [tg[i].geometricBounds[0] + tg[i].width / 2,
tg[i].geometricBounds[1]]);
addPoint(ln, [tg[i].geometricBounds[0] + tg[i].width / 2,
tg[i].geometricBounds[3]]);
ln.strokeWidth = tg[i].width;
}
tg[i].remove();
}
function addPoint(tgt, pos){
var pt = tgt.pathPoints.add();
pt.anchor = pos;
pt.leftDirection = pos;
pt.rightDirection = pos;
}
}
)();
//代码可矩形转线，转发

[胸罩的奶味]

难度很大 直接用软件做不可以吗 ？