PHOTOSHOP에서 앵커 포인트의 좌표 가져오기
하고 싶었던 일
img 태그로 일본지도를 두고, usemap을 사용해 지방을 링크화하고 싶다는 것이 상당히 있습니다.
이 때 포토샵에서 패스로 뽀찌뽀치하고 지방을 둘러싸고 앵커 포인트를 토해 주었으면 한다. 경고로 좋다.
이것을 실현하는 jsx를 만들었습니다.
코드
LF = String.fromCharCode(10);
docW = activeDocument.width.value;
docH = activeDocument.height.value;
pObj = activeDocument.pathItems; // 全パス配列
result = '';
for (var i=0; i<pObj.length; i++) {
result += pObj[i].name + ':';
var pp = pObj[i].subPathItems[0].pathPoints;
for (var j=0; j<pp.length; j++) {
var x = pp[j].anchor[0];
var y = pp[j].anchor[1];
x += '';
y += '';
var pointFloatX = x.indexOf('.');
var pointFloatY = y.indexOf('.');
if (pointFloatX !== -1) x = x.slice(0, pointFloatX);
if (pointFloatY !== -1) y = y.slice(0, pointFloatY);
result += x + ',' + y;
if (j !== pp.length-1) result += ',';
}
if (i !== pp.length-1) result += '\n';
}
alert(result);
Photoshop CC에서 실행하는 방법
LF = String.fromCharCode(10);
docW = activeDocument.width.value;
docH = activeDocument.height.value;
pObj = activeDocument.pathItems; // 全パス配列
result = '';
for (var i=0; i<pObj.length; i++) {
result += pObj[i].name + ':';
var pp = pObj[i].subPathItems[0].pathPoints;
for (var j=0; j<pp.length; j++) {
var x = pp[j].anchor[0];
var y = pp[j].anchor[1];
x += '';
y += '';
var pointFloatX = x.indexOf('.');
var pointFloatY = y.indexOf('.');
if (pointFloatX !== -1) x = x.slice(0, pointFloatX);
if (pointFloatY !== -1) y = y.slice(0, pointFloatY);
result += x + ',' + y;
if (j !== pp.length-1) result += ',';
}
if (i !== pp.length-1) result += '\n';
}
alert(result);
Photoshop CC에서 실행하는 방법
경고에 표시되는 좌표를 복사하고 area 태그의 coords 속성 값으로 설정합니다.
후기
이 손의 스크립트는 찾아보면 상당히 있습니다만, 정말 간단하게 친 경로의 좌표를 표시할 뿐의 것이 발견되지 않았기 때문에, 만들어 보았습니다.
Reference
이 문제에 관하여(PHOTOSHOP에서 앵커 포인트의 좌표 가져오기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/bgn_nakazato/items/f855bfc4a4c2bab20503
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(PHOTOSHOP에서 앵커 포인트의 좌표 가져오기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/bgn_nakazato/items/f855bfc4a4c2bab20503텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)