获取背景图像位置(x y和单位)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了获取背景图像位置(x y和单位)相关的知识,希望对你有一定的参考价值。

  1. <script type="text/javascript">
  2. //<![CDATA[
  3.  
  4. function getBackgroundPos(obj) {
  5. var pos = obj.css("background-position");
  6. if (pos == 'undefined' || pos == null) {
  7. pos = [obj.css("background-position-x"),obj.css("background-position-y")];//i hate IE!!
  8. } else {
  9. pos = pos.split(" ");
  10. }
  11. return {
  12. x: parseFloat(pos[0]),
  13. xUnit: pos[0].replace(/[0-9-.]/g, ""),
  14. y: parseFloat(pos[1]),
  15. yUnit: pos[1].replace(/[0-9-.]/g, "")
  16. };
  17. }
  18.  
  19. $(document).ready(function() {
  20. // Test:
  21. // getBackgroundPos($("body")).x
  22. // getBackgroundPos($("body")).xUnit
  23. // getBackgroundPos($("body")).y
  24. // getBackgroundPos($("body")).yUnit
  25. //
  26. });
  27.  
  28. //]]>
  29. </script>

以上是关于获取背景图像位置(x y和单位)的主要内容,如果未能解决你的问题,请参考以下文章

通过 Jquery 仅更改背景图像的 y 位置

JavaScript:以像素为单位获取背景位置

css怎么给div加背景图片

移动端雪碧图sprite的实现

如何使用zbar在图像上获取检测到的QR码的x,y位置?

背景图片位置设置