使用Javascript获取图片坐标以及宽度高度的方法

首先说下获取图片宽度与长度的问题：

<script type="text/javascript">function lpimgClick(img,event){var x = img.width;alert(x);}</script> <img id="lpnk" alt="图"src="images/20111122142401700-w.jpg" height="395" width="695" onclick="lpimgClick(this,event)"/>

使用这种方法可以获得图片的宽度和长度。

获取图片点击事件或者move事件时候鼠标指针的位置：

<script type="text/javascript">function lpimgClick(img,event){var x = event.clientX / img.width;//按比例获取 $("#txtX").val(x);var y = event.clientY;$("#txtY").val(y); }</script>

网页中的img标签事件跟上面一个一样

<img id="lpnk" alt="图"src="images/20111122142401700-w.jpg" height="395" width="695" onclick="lpimgClick(this,event)"/>

使用这两个方法可以做个地图标注的功能，当然，这只是最简单的演示。

 

转载于:https://www.cnblogs.com/xuhongfei/archive/2013/06/01/3112670.html

《新程序员》：云原生和全面数字化实践50位技术专家共同创作，文字、视频、音频交互阅读

总结

以上是生活随笔为你收集整理的使用Javascript获取图片坐标以及宽度高度的方法的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。