JavaScript로 이미지의 픽셀을 읽을 수 있습니까?

Question

나는 그들 중 1500 개에 가까운 배지가 달린 사진들을 가지고 있는데, 노란색 배지가 있다면 그것을 탐지 할 방법이 필요하다. 매번 정확한 픽셀 좌표에서 샘플을 색칠하는 작업이나 스크립트를 만들 수 있으며, 배지를 나타내는 색상을 찾은 다음 특정 폴더로 보내면 발견 된 다른 jpeg와 그룹화됩니다 배지가 있어요. 이것에 대한 어떤 생각이나 의견이 도움이 될까요?

당신은 여기에 답변을 찾을 수 있습니다

Answer 1

: 기본적으로 당신이

이 을 포함하는 배열을 반환 당신이 getImageData 방법을 사용할 수 있습니다 캔버스 요소 의 이미지를 그릴

How to use JavaScript or jQuery to read a pixel of an image when user clicks it?

을 RGBA 값.

Answer 2

나는이 오래 알고 있지만 그것은 포토샵에서 태그 됨 (그리고 확실히 자바 스크립트와 포토샵에서 할 수 있습니다) 때문에, 여기에 솔루션입니다 :

#target photoshop 

// TEST FUNCTION 

function hasBadge(doc, x, y) { 

    // remove all current color samplers because photoshop has a limit of 4 or so and create a new sampler at the coordinates 
    for (var i=0; i<doc.colorSamplers.length; i++) { 
     doc.colorSamplers[i].remove(); 
    } 
    var sampler = doc.colorSamplers.add([x, y]); 

    //This is where it could get tricky based on the actual color of the badge. If the badge is always consistently the same exact color you could test it's hexValue... 
    if (sampler.color.rgb.hexValue === "ffff00") { 
     return true; 
    } 

    // If the color is not consistent you can try to test if it's within a range of rgb values. This may take some tweaking... 
    if (sampler.color.rgb.red > 200 && sampler.color.rgb.green > 200 && sampler.color.rgb.blue < 50) { 
     return true; 
    } 

    return false; 
} 

// PROGRAM 

var x = 200; 
var y = 200; 

// Process an entire folder. Can also use File.openDlg() to select files but might be easier to select by folder if you have a ton of files 
var inputFolder = Folder.selectDialog("Select a folder to process"); 
var fileList = inputFolder.getFiles("*.JPG"); //Use whatever extension you want or no extension to select all files 

// For each file in the folder... 
for(var i=0; i<fileList.length; i++) { 

    var doc = open(fileList[i]); 

    if (hasBadge(doc, x, y) { 
     doc.saveAs(new File("C:/my/file/path/" + doc.name)); 
     doc.close(SaveOptions.DONOTSAVECHANGES); 
    } 
}