假设我们有一个网址,例如" // upload.wikimedia.org/wikipedia/en/a/a9/Example.jpg"。
如何使用javascript(jQuery或Angular)获取此图像的左上角(或任何(x,y)坐标)?
P.S。当然,图像将属于同一个域,以避免CORS问题。
P.P.S。图像尚未在DOM中。
答案 0 :(得分:1)
试试这个脚本
<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>