get top left pixel color of remote jpg image [duplicate]

Question

Suppose we have a URL, as example, "//upload.wikimedia.org/wikipedia/en/a/a9/Example.jpg".

How to get a top left (or any (x,y) coordinates) of this image using javascript (jQuery or Angular)?

P.S. Of course the image will belong to the same domain to avoid CORS issues.

P.P.S. The image is not in DOM yet.

I have read that solution before question asked. No, it's for the image that ALREADY loaded in DOM. — Haradzieniec
– Haradzieniec, Commented Sep 7, 2017 at 13:17
Do you want the pixeldata from the image or its location in the DOM tree? — Emil S. Jørgensen
– Emil S. Jørgensen, Commented Sep 7, 2017 at 13:25
The solution Mosh links to will solve the problem. It doesn't matter if the image is in DOM or not. The only way to get a pixel is to use getImageData after drawing the image into canvas (unless you want to parse the image file manually). — user1693593
– user1693593, Commented Sep 7, 2017 at 13:27

Deepthy · Accepted Answer · 2017-09-07 13:28:45Z

1

try this script

<script>
elem = document.getElementById("img");//outer starts at your elem then walks out
var innerYValue = 0;
var innerXValue = 0;

while( elem != null ) {
    innerYValue += elem.offsetTop;
    innerXValue += elem.offsetLeft;
    elem = elem.offsetParent;
}

alert("x: "+innerXValue +"\ny: "+innerYValue);
</script>

answered Sep 7, 2017 at 13:28

Deepthy

261 bronze badge

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

get top left pixel color of remote jpg image [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related