Parse image pixel coordinates from URL

Question

Is it possible to parse a image's pixel coordinates from a URL?

Possibly log each pixel coordinate and the hex value of that current pixel index using variables and forEach?

var pixelcoord = foo..

var hexcolorofcoord = foo.

console.log(pixelcoord) //example output = 123, 456

console.log(hexcolorofcoord ) //example output = #fff000

So somehow, for each pixel how could I log the coordinate and hex color of that pixel. — Nestly
– Nestly, Commented Oct 20, 2019 at 5:57
Definitely possible! Take a look at HTML canvas. See here and here for starts. Maybe someone will have the brain power to write up a more comprehensive answer at this hour. Good luck! — sheng
– sheng, Commented Oct 20, 2019 at 7:07

Nestly · Accepted Answer · 2019-10-24 19:39:00Z

Solved using MarvinJ.

image = new MarvinImage(); image.load("https://i.imgur.com/2sGyojB.png", imageLoaded); function imageLoaded() { for (var y = 0; y < image.getHeight(); y++) { for (var x = 0; x < image.getWidth(); x++) { var red = image.getIntComponent0(x, y); var green = image.getIntComponent1(x, y); var blue = image.getIntComponent2(x, y); var alpha = image.getAlphaComponent(x, y); var RBGCOLOR = "rgb(" + red + "," + green + "," + blue + ")"; var HexColor = red.toString(16) + green.toString(16) + blue.toString(16) if (HexColor === "ffffff") { console.log("White") // If it's a white pixel, log } else { console.log(HexColor) // Log the hex color. console.log(x + " : " + y) // Log the X & Y coordinates for each pixel. } } } }

Collectives™ on Stack Overflow

Parse image pixel coordinates from URL

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related